more stuff

Gemfile

@@ -9,21 +9,5 @@ source "https://rubygems.org"
 # Happy Jekylling!
 
 gem "github-pages", "~> 228", group: :jekyll_plugins
-gem "jekyll-include-cache", group: :jekyll_plugins
-gem "jekyll-sitemap", group: :jekyll_plugins
-
-# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
-# and associated library.
-platforms :mingw, :x64_mingw, :mswin, :jruby do
-  gem "tzinfo", ">= 1", "< 3"
-  gem "tzinfo-data"
-end
-
-# Performance-booster for watching directories on Windows
-gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin]
-
-# Lock `http_parser.rb` gem to `v0.6.x` on JRuby builds since newer versions of the gem
-# do not have a Java counterpart.
-gem "http_parser.rb", "~> 0.6.0", :platforms => [:jruby]
 
 gem "webrick", "~> 1.8"

Gemfile.lock

@@ -256,12 +256,6 @@ PLATFORMS
 
 DEPENDENCIES
   github-pages (~> 228)
-  http_parser.rb (~> 0.6.0)
-  jekyll-include-cache
-  jekyll-sitemap
-  tzinfo (>= 1, < 3)
-  tzinfo-data
-  wdm (~> 0.1.1)
   webrick (~> 1.8)
 
 BUNDLED WITH

_sass/minimal-mistakes/_footer.scss

@@ -15,7 +15,7 @@
   -webkit-animation-delay: 0.45s;
   animation-delay: 0.45s;
   box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.16), 0 0 0 2px rgba(0, 0, 0, 0.08);
-  background-color: #fff;
+  background-color: var(--layer-2);
   text-align: center;
 
   footer {

_sass/minimal-mistakes/_forms.scss

@@ -19,7 +19,7 @@ form {
     margin-bottom: 5px * 2;
     *margin-left: -7px;
     padding: 0;
-    color: #FFF;
+    color: var(--text-color);
     border: 0;
     white-space: normal;
   }
@@ -59,7 +59,7 @@ textarea {
 label {
   display: block;
   margin-bottom: 0.25em;
-  color: #FFF;
+  color: var(--text-color);
   cursor: pointer;
 
   small {
@@ -80,7 +80,7 @@ select {
   width: 100%;
   padding: 0.25em;
   margin-bottom: 0.5em;
-  color: #fff;
+  color: var(--text-color);
   background-color: $background-color;
   border: $border-color;
   border-radius: $border-radius;
@@ -148,12 +148,12 @@ input[type="file"] {
 
 select {
   width: auto;
-  background-color: #000;
+  background-color: var(--layer-1);
   display: inline-block;
 
   padding: 0.25em;
   margin-bottom: 0.5em;
-  color: #fff;
+  color: var(--text-color);
   border: $border-color;
   border-radius: $border-radius;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
@@ -224,11 +224,11 @@ textarea[readonly] {
 
 input:focus,
 textarea:focus {
-  border-color: #fff;
+  border-color: var(--primary-color);
   outline: 0;
   outline: thin dotted \9;
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06),
-    0 0 5px rgba(0, 0, 0, 0.7);
+  box-shadow: inset 0 1px 3px rgba(var(--text-color), 0.06),
+    0 0 5px rgba(var(--primary-color), 0.7);
 }
 
 input[type="file"]:focus,

_sass/minimal-mistakes/_masthead.scss

@@ -10,7 +10,7 @@
   animation-delay: 0.15s;
   z-index: 2;
   box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16), 0 0 0 2px rgba(0, 0, 0, 0.08);
-  background-color: #fff;
+  background-color: var(--layer-2);
 
   &__inner-wrap {
     @include clearfix;

_sass/minimal-mistakes/_skin.scss

@@ -2,6 +2,64 @@
    Dark skin
    ========================================================================== */
 
+
+/* New Colors */
+* {
+  --dark-shade-0: #121212;
+  --dark-shade-1: #1F1F1F;
+  --dark-shade-2: #292929;
+  --dark-shade-3: #333333;
+  --dark-shade-4: #3D3D3D;
+  --light-shade-0: #FFFFFF;
+  --light-shade-1: #F5F5F5;
+  --light-shade-2: #EBEBEB;
+  --light-shade-3: #E0E0E0;
+  --light-shade-4: #D6D6D6;
+  --primary-base: #BE3723;
+  --primary-light-1: #dd472f;
+  --primary-light-2: #e85c4a;
+  --primary-light-3: #e85c4a;
+  --primary-light-4: #feebed;
+  //--primary-dark-1:;
+  //--primary-dark-2:;
+  //--primary-dark-3:;
+  //--primary-dark-4:;
+  --secondary-base: #FF8F1F;
+  //--secondary-light-1:;
+  //--secondary-light-2:;
+  //--secondary-light-3:;
+  //--secondary-light-4:;
+  //--secondary-dark-1:;
+  //--secondary-dark-2:;
+  //--secondary-dark-3:;
+  //--secondary-dark-4:;
+  --tertiary-base: #FFB81F;
+  //--tertiary-light-1:;
+  //--tertiary-light-2:;
+  //--tertiary-light-3:;
+  //--tertiary-light-4:;
+  //--tertiary-dark-1:;
+  //--tertiary-dark-2:;
+  //--tertiary-dark-3:;
+  //--tertiary-dark-4:;
+}
+
+html {
+  --layer-0: var(--dark-shade-0);
+  --layer-1: var(--dark-shade-1);
+  --layer-2: var(--dark-shade-2);
+  --primary-color: var(--primary-base);
+  --text-color: #FFF;
+}
+
+html[data-theme='light'] {
+  --layer-0: var(--light-shade-0);
+  --layer-1: var(--light-shade-1);
+  --layer-2: var(--light-shade-2);
+  --primary-color: var(--primary-shade-4);
+  --text-color: #000;
+}
+
 html.transition,
 html.transition *,
 html.transition *:before,