From 29be06069730dd9c499cd39fbab133849c95fba2 Mon Sep 17 00:00:00 2001
From: Madison Scott-Clary <makyo@drab-makyo.com>
Date: Sat, 8 Jun 2019 00:39:10 -0700
Subject: [PATCH] Default dark mode

---
 assets/css/_media.scss                        |   2 +-
 assets/css/_variables.scss                    |   2 +-
 assets/css/main.scss                          |  24 ++--
 assets/css/parts/_about.scss                  |   8 +-
 assets/css/parts/_author-box.scss             |   4 +-
 assets/css/parts/_footer.scss                 |   4 +-
 assets/css/parts/_header.scss                 |  18 +--
 assets/css/parts/_pagination.scss             |   4 +-
 assets/css/parts/_post-page.scss              |  33 ++---
 assets/css/parts/_tags.scss                   |  16 +--
 content/about.html                            |   2 +-
 ...s_f300667da4f5b5f84e1a9e0702b2fdde.content | 117 +++++++++---------
 12 files changed, 118 insertions(+), 116 deletions(-)

diff --git a/assets/css/_media.scss b/assets/css/_media.scss
index 91b18d5..77ef3a1 100644
--- a/assets/css/_media.scss
+++ b/assets/css/_media.scss
@@ -46,7 +46,7 @@
     }
 
     .page-content {
-        margin-top: -50px;
+        margin-top: -20px;
         padding: 15px;
     }
 
diff --git a/assets/css/_variables.scss b/assets/css/_variables.scss
index 8db5529..630ce50 100644
--- a/assets/css/_variables.scss
+++ b/assets/css/_variables.scss
@@ -8,5 +8,5 @@ $light-pink: lighten($dark-pink, 40%);
 $gray: #efefef;
 $light-gray: #999999;
 $lighten-gray: #d9d9d9;
-$dark-gray: #3e3e40;
+$dark-gray: #3e3e43;
 $darken-gray: darken($dark-gray, 10%);
diff --git a/assets/css/main.scss b/assets/css/main.scss
index f43a8d9..b95df3b 100755
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -20,25 +20,25 @@ html {
 
 body {
   font-family: 'Montserrat', sans-serif;
-  color: $dark-gray;
+  color: $white;
   margin: 0;
-  background-color: $white;
+  background-color: $darken-gray;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 
   &.invert {
-      color: $white;
-      background-color: $dark-gray;
+      color: $darken-gray;
+      background-color: $white;
   }
 }
 
 h1, h2, h3, h4, h5, h6 {
   font-family: 'Lato', sans-serif;
-  color: $dark-purple;
+  color: $light-purple;
   font-weight: 400;
 
   .invert & {
-      color: $light-purple;
+      color: $dark-purple;
   }
 }
 
@@ -68,23 +68,23 @@ img {
 }
 
 a {
-  color: $dark-pink;
+  color: $light-pink;
 
   .invert & {
-    color: $light-pink;
+    color: $dark-pink;
   }
 }
 
 blockquote {
-  border-left: 3px solid $light-gray;
+  border-left: 3px solid $dark-gray;
   padding-left: 18px;
   margin-left: 21px;
   font-style: italic;
-  color: $darken-gray;
+  color: $lighten-gray;
 
   .invert & {
-      border-left-color: $light-purple;
-      color: $light-purple;
+      border-left-color: $dark-purple;
+      color: $dark-purple;
   }
 }
 
diff --git a/assets/css/parts/_about.scss b/assets/css/parts/_about.scss
index d79137f..8510c9e 100644
--- a/assets/css/parts/_about.scss
+++ b/assets/css/parts/_about.scss
@@ -22,7 +22,7 @@
     display: block;
     height: 1px;
     width: 80px;
-    background-color: $dark-purple;
+    background-color: $light-purple;
   }
   .author-image-container {
     width: 100px;
@@ -32,7 +32,7 @@
     margin: 0 auto 30px;
   }
   .subtitle {
-    color: $dark-purple;
+    color: $light-purple;
     font-weight: 300;
     margin: 0;
   }
@@ -52,13 +52,13 @@
       }
       a {
         display: block;
-        color: $light-gray;
+        color: $dark-gray;
         font-size: 21px;
         text-decoration: none;
         padding: 5px;
         transition: all 350ms cubic-bezier(0.13, 0.43, 0.54, 1.82);
         &:hover {
-          color: $dark-pink;
+          color: $light-pink;
           transform: scale(1.3);
         }
       }
diff --git a/assets/css/parts/_author-box.scss b/assets/css/parts/_author-box.scss
index 72af900..6392b98 100644
--- a/assets/css/parts/_author-box.scss
+++ b/assets/css/parts/_author-box.scss
@@ -4,7 +4,7 @@
   align-items: center;
   margin-top: 30px;
   padding-bottom: 30px;
-  border-bottom: 1px solid $lighten-gray;
+  border-bottom: 1px solid $dark-gray;
   .author-img {
     width: 120px;
     height: 120px;
@@ -31,7 +31,7 @@
       }
       a {
         font-size: 18px;
-        color: $dark-gray;
+        color: $light-gray;
         &:hover {
           opacity: .8;
         }
diff --git a/assets/css/parts/_footer.scss b/assets/css/parts/_footer.scss
index 9fbdc7f..95cabbd 100644
--- a/assets/css/parts/_footer.scss
+++ b/assets/css/parts/_footer.scss
@@ -1,10 +1,10 @@
 .main-footer {
   padding: 15px 0;
-  background-color: #efefef;
+  background-color: #black;
 
   .copyright {
     text-align: center;
-    color: $dark-purple;
+    color: $light-purple;
     font-size: 16px;
   }
 }
diff --git a/assets/css/parts/_header.scss b/assets/css/parts/_header.scss
index 871474b..61a9c4f 100644
--- a/assets/css/parts/_header.scss
+++ b/assets/css/parts/_header.scss
@@ -1,7 +1,7 @@
 .main-header {
   font-family: 'Lato', sans-serif;
   padding: 15px 0;
-  background-color: $white;
+  background-color: $darken-gray;
   box-shadow: 0px -5px 15px rgba(0,0,0,.3);
 
   .header-flex {
@@ -17,7 +17,7 @@
       text-transform: uppercase;
       font-size: 27px;
       font-weight: 300;
-      color: $dark-purple;
+      color: $light-purple;
     }
   }
 }
@@ -29,18 +29,18 @@
   z-index: 10;
   width: 300px;
   height: 100%;
-  background-color: $white;
+  background-color: $darken-gray;
   padding: 25px 30px;
   transform: translate3d(-300px, 0, 0);
   ul {
-    background-color: $white;
+    background-color: $darken-gray;
     padding: 15px 0 0;
     margin: 0 -30px 0 -30px;
     list-style: none;
 
     li {
-      border-bottom: 1px solid $lighten-gray;
-      background-color: $white;
+      border-bottom: 1px solid $black;
+      background-color: $darken-gray;
       a {
         display: block;
         margin: 0 30px;
@@ -49,10 +49,10 @@
         text-transform: uppercase;
         font-weight: 400;
         font-size: 16px;
-        color: $dark-purple;
+        color: $light-purple;
         &:hover {
           opacity: .8;
-          color: $dark-pink;
+          color: $light-pink;
         }
       }
     }
@@ -75,7 +75,7 @@
 .search-icon-close {
   cursor: pointer;
   font-size: 18px;
-  color: $dark-purple;
+  color: $light-purple;
   transition: all .4s;
   &:hover {
     opacity: .8;
diff --git a/assets/css/parts/_pagination.scss b/assets/css/parts/_pagination.scss
index 4e8ee2a..7eb6501 100644
--- a/assets/css/parts/_pagination.scss
+++ b/assets/css/parts/_pagination.scss
@@ -4,12 +4,12 @@ ul.pagination {
     padding: 0px;
     margin: 1rem 0 1rem calc(-2rem + 10px) !important;
     text-align: center;
-    
+
 }
 
 ul.pagination li {
     display: inline-block;
-    border: 1px solid $light-gray;
+    border: 1px solid $dark-gray;
     min-width: 2rem;
     text-align: center;
     margin-right: -5px;
diff --git a/assets/css/parts/_post-page.scss b/assets/css/parts/_post-page.scss
index 85f9095..02abb53 100644
--- a/assets/css/parts/_post-page.scss
+++ b/assets/css/parts/_post-page.scss
@@ -5,7 +5,7 @@
   padding: 0;
   margin: 0;
   height: 500px;
-  background-color: $white;
+  background-color: $darken-gray;
   overflow: hidden;
 
   .cover-image {
@@ -20,17 +20,18 @@
   line-height: 1.75;
   margin-top: -5px;
   margin-bottom: 100px;
-  background-color: $white;
+  background-color: $darken-gray;
   padding: 20px 50px;
-  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.1);
 
   .verse {
       white-space: pre-wrap;
   }
 
   .invert & {
-      background-color: $darken-gray;
-      color: $white;
+      background-color: $white;
+      color: $black;
+      box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
   }
 
   .with-image & {
@@ -91,10 +92,10 @@
     font-size: 36px;
     text-align: center;
     margin: 0 0 20px;
-    color: $dark-purple;
+    color: $light-purple;
 
     .invert & {
-        color: $light-purple;
+        color: $dark-purple;
     }
   }
   .page-meta {
@@ -113,18 +114,18 @@
   margin-top: 30px;
   padding-bottom: 30px;
   padding-bottom: 30px;
-  border-bottom: 1px solid $lighten-gray;
+  border-bottom: 1px solid $dark-gray;
   .page-tag,
   .page-share {
     text-transform: uppercase;
     font-size: 12px;
-    color: $dark-purple;
+    color: $light-purple;
   }
   .page-tag {
     margin-bottom: 10px;
     a {
       text-decoration: none;
-      color: $dark-pink;
+      color: $light-pink;
       &:hover {
         opacity: .8;
       }
@@ -135,7 +136,7 @@
     text-align: center;
     a {
       text-decoration: none;
-      color: $light-gray;
+      color: $dark-gray;
       margin-left: 10px;
       font-size: 18px;
       &:hover {
@@ -152,7 +153,7 @@
   .recent-title {
     font-family: 'Lato', sans-serif;
     font-weight: 400;
-    color: $dark-purple;
+    color: $light-purple;
     text-align: center;
     margin: 0 0 30px;
   }
@@ -170,7 +171,7 @@
         font-size: 12px;
         left: 2.5%;
         bottom: 10%;
-        color: $white;
+        color: $black;
       }
       &:hover {
         opacity: 0.8;
@@ -230,8 +231,8 @@
       height: 40px;
       font-size: 14px;
       text-align: center;
-      color: $white;
-      background-color: $dark-purple;
+      color: $black;
+      background-color: $light-purple;
       vertical-align: baseline;
       cursor: pointer;
       border: none;
@@ -239,7 +240,7 @@
       outline: none;
       transition: all .3s;
       &:hover {
-        background-color: $dark-pink;
+        background-color: $light-pink;
       }
     }
   }
diff --git a/assets/css/parts/_tags.scss b/assets/css/parts/_tags.scss
index 1325f96..463e3b4 100644
--- a/assets/css/parts/_tags.scss
+++ b/assets/css/parts/_tags.scss
@@ -2,17 +2,17 @@
   margin: 100px 0 100px;
   .invert & {
       h1 {
-          color: $light-purple;
+          color: $dark-purple;
       }
       .tags li a {
-          color: $light-purple;
+          color: $dark-purple;
       }
       .tag-list {
           span a {
-              color: $light-pink;
+              color: $dark-pink;
           }
           small {
-              color: $light-purple;
+              color: $dark-purple;
           }
       }
   }
@@ -23,7 +23,7 @@
     font-size: 36px;
     text-align: center;
     margin: 0 0 30px;
-    color: $dark-purple;
+    color: $light-purple;
   }
   .tags {
     margin: 0;
@@ -32,7 +32,7 @@
     li {
       a {
         display: inline-block;
-        color: $dark-purple;
+        color: $light-purple;
         &:hover {
           opacity: .8;
         }
@@ -43,7 +43,7 @@
     span {
       a {
         display: inline-block;
-        color: $dark-pink;
+        color: $light-pink;
         text-decoration: none;
         text-transform: uppercase;
         font-size: 12px;
@@ -55,7 +55,7 @@
       }
     }
     small {
-      color: $dark-purple;
+      color: $light-purple;
     }
   }
 }
diff --git a/content/about.html b/content/about.html
index 3d6489d..0a5d144 100644
--- a/content/about.html
+++ b/content/about.html
@@ -14,7 +14,7 @@ permalink: /about/
         <section class="about-body">
             <p>If you're interested in supporting my writing work (and development work, if that's your bag!), I will be eternally grateful! I have a few mechanisms for support:</p>
             <ul>
-                <li><a href="https://patreon.com/makyo"><strong>Patreon</strong> - Patreon is a site that allows a patronage model for funding creators. In this incarnation, I have a few tiers: $1 patrons get access to posts; $5 patrons get early content; and $10 patrons get drafts, previews, and so on. Any level of support is appreciated!
+                <li><a href="https://patreon.com/makyo"><strong>Patreon</strong></a> - Patreon is a site that allows a patronage model for funding creators. In this incarnation, I have a few tiers: $1 patrons get access to posts; $5 patrons get early content; and $10 patrons get drafts, previews, and so on. Any level of support is appreciated!
                 <li><a href="https://liberapay.com/makyo/"><strong>LiberaPay</strong></a> — LiberaPay is a recurrent donations platform that allows supporting me and my writing on a monthly basis.</li>
                 <li><a href="https://ko-fi.com/drabmakyo"><strong>Ko-fi</strong></a> — Ko-fi is a tipping site, and is nicely integrated with PayPal.</li>
             </ul>
diff --git a/resources/_gen/assets/scss/css/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/css/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
index 9e5aed0..a34f44c 100644
--- a/resources/_gen/assets/scss/css/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
+++ b/resources/_gen/assets/scss/css/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -654,21 +654,21 @@ html {
 
 body {
   font-family: 'Montserrat', sans-serif;
-  color: #3e3e40;
+  color: #fff;
   margin: 0;
-  background-color: #fff;
+  background-color: #252529;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; }
   body.invert {
-    color: #fff;
-    background-color: #3e3e40; }
+    color: #252529;
+    background-color: #fff; }
 
 h1, h2, h3, h4, h5, h6 {
   font-family: 'Lato', sans-serif;
-  color: #311e3e;
+  color: #cbb4da;
   font-weight: 400; }
   .invert h1, .invert h2, .invert h3, .invert h4, .invert h5, .invert h6 {
-    color: #cbb4da; }
+    color: #311e3e; }
 
 hr {
   border: none;
@@ -690,19 +690,19 @@ img {
   max-width: 100%; }
 
 a {
-  color: #87314e; }
+  color: #dfa5b9; }
   .invert a {
-    color: #dfa5b9; }
+    color: #87314e; }
 
 blockquote {
-  border-left: 3px solid #999999;
+  border-left: 3px solid #3e3e43;
   padding-left: 18px;
   margin-left: 21px;
   font-style: italic;
-  color: #252526; }
+  color: #d9d9d9; }
   .invert blockquote {
-    border-left-color: #cbb4da;
-    color: #cbb4da; }
+    border-left-color: #311e3e;
+    color: #311e3e; }
 
 pre {
   padding: 16px 32px;
@@ -763,7 +763,7 @@ pre {
 .main-header {
   font-family: 'Lato', sans-serif;
   padding: 15px 0;
-  background-color: #fff;
+  background-color: #252529;
   box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.3); }
   .main-header .header-flex {
     display: flex;
@@ -777,7 +777,7 @@ pre {
       text-transform: uppercase;
       font-size: 27px;
       font-weight: 300;
-      color: #311e3e; }
+      color: #cbb4da; }
 
 .main-nav {
   position: fixed;
@@ -786,17 +786,17 @@ pre {
   z-index: 10;
   width: 300px;
   height: 100%;
-  background-color: #fff;
+  background-color: #252529;
   padding: 25px 30px;
   transform: translate3d(-300px, 0, 0); }
   .main-nav ul {
-    background-color: #fff;
+    background-color: #252529;
     padding: 15px 0 0;
     margin: 0 -30px 0 -30px;
     list-style: none; }
     .main-nav ul li {
-      border-bottom: 1px solid #d9d9d9;
-      background-color: #fff; }
+      border-bottom: 1px solid #000;
+      background-color: #252529; }
       .main-nav ul li a {
         display: block;
         margin: 0 30px;
@@ -805,10 +805,10 @@ pre {
         text-transform: uppercase;
         font-weight: 400;
         font-size: 16px;
-        color: #311e3e; }
+        color: #cbb4da; }
         .main-nav ul li a:hover {
           opacity: .8;
-          color: #87314e; }
+          color: #dfa5b9; }
 
 .menu-icon-container {
   width: 25%;
@@ -824,7 +824,7 @@ pre {
 .search-icon-close {
   cursor: pointer;
   font-size: 18px;
-  color: #311e3e;
+  color: #cbb4da;
   transition: all .4s; }
   .menu-icon:hover,
   .menu-icon-close:hover,
@@ -858,7 +858,7 @@ pre {
     border-bottom: 1px solid #d9d9d9;
     outline: none;
     font-size: 21px;
-    color: #3e3e40; }
+    color: #3e3e43; }
 
 .results-search {
   list-style: none;
@@ -872,7 +872,7 @@ pre {
     border-bottom: 1px solid #d9d9d9; }
     .results-search li a {
       text-decoration: none;
-      color: #3e3e40; }
+      color: #3e3e43; }
       .results-search li a:hover {
         color: #87314e;
         opacity: .8; }
@@ -957,7 +957,7 @@ ul.pagination {
 
 ul.pagination li {
   display: inline-block;
-  border: 1px solid #999999;
+  border: 1px solid #3e3e43;
   min-width: 2rem;
   text-align: center;
   margin-right: -5px; }
@@ -983,10 +983,10 @@ ul.pagination .page-item.active a {
 /* = = = = = = = = = = Footer Styles = = = = = = = = = = */
 .main-footer {
   padding: 15px 0;
-  background-color: #efefef; }
+  background-color: #black; }
   .main-footer .copyright {
     text-align: center;
-    color: #311e3e;
+    color: #cbb4da;
     font-size: 16px; }
 
 /* = = = = = = = = = = Post-Page Styles = = = = = = = = = = */
@@ -995,7 +995,7 @@ ul.pagination .page-item.active a {
   padding: 0;
   margin: 0;
   height: 500px;
-  background-color: #fff;
+  background-color: #252529;
   overflow: hidden; }
   .page-image .cover-image {
     height: 100%;
@@ -1007,14 +1007,15 @@ ul.pagination .page-item.active a {
   line-height: 1.75;
   margin-top: -5px;
   margin-bottom: 100px;
-  background-color: #fff;
+  background-color: #252529;
   padding: 20px 50px;
-  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); }
+  box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.1); }
   .page-content .verse {
     white-space: pre-wrap; }
   .invert .page-content {
-    background-color: #252526;
-    color: #fff; }
+    background-color: #fff;
+    color: #000;
+    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1); }
   .with-image .page-content {
     margin-top: -80px;
     border-top-left-radius: 20px;
@@ -1060,9 +1061,9 @@ ul.pagination .page-item.active a {
     font-size: 36px;
     text-align: center;
     margin: 0 0 20px;
-    color: #311e3e; }
+    color: #cbb4da; }
     .invert .header-page h1 {
-      color: #cbb4da; }
+      color: #311e3e; }
   .header-page .page-meta {
     text-align: center;
     font-size: 14px;
@@ -1075,17 +1076,17 @@ ul.pagination .page-item.active a {
   margin-top: 30px;
   padding-bottom: 30px;
   padding-bottom: 30px;
-  border-bottom: 1px solid #d9d9d9; }
+  border-bottom: 1px solid #3e3e43; }
   .page-footer .page-tag,
   .page-footer .page-share {
     text-transform: uppercase;
     font-size: 12px;
-    color: #311e3e; }
+    color: #cbb4da; }
   .page-footer .page-tag {
     margin-bottom: 10px; }
     .page-footer .page-tag a {
       text-decoration: none;
-      color: #87314e; }
+      color: #dfa5b9; }
       .page-footer .page-tag a:hover {
         opacity: .8; }
   .page-footer .page-share {
@@ -1093,7 +1094,7 @@ ul.pagination .page-item.active a {
     text-align: center; }
     .page-footer .page-share a {
       text-decoration: none;
-      color: #999999;
+      color: #3e3e43;
       margin-left: 10px;
       font-size: 18px; }
       .page-footer .page-share a:hover {
@@ -1106,7 +1107,7 @@ ul.pagination .page-item.active a {
   .recent-box .recent-title {
     font-family: 'Lato', sans-serif;
     font-weight: 400;
-    color: #311e3e;
+    color: #cbb4da;
     text-align: center;
     margin: 0 0 30px; }
   .recent-box .recent-list .recent-item {
@@ -1122,7 +1123,7 @@ ul.pagination .page-item.active a {
       font-size: 12px;
       left: 2.5%;
       bottom: 10%;
-      color: #fff; }
+      color: #000; }
     .recent-box .recent-list .recent-item:hover {
       opacity: 0.8; }
 
@@ -1161,7 +1162,7 @@ ul.pagination .page-item.active a {
       padding: 8px 10px;
       width: 100%;
       max-width: 100%;
-      color: #3e3e40;
+      color: #3e3e43;
       border: none;
       border-radius: 2px;
       font-size: 14px;
@@ -1172,8 +1173,8 @@ ul.pagination .page-item.active a {
       height: 40px;
       font-size: 14px;
       text-align: center;
-      color: #fff;
-      background-color: #311e3e;
+      color: #000;
+      background-color: #cbb4da;
       vertical-align: baseline;
       cursor: pointer;
       border: none;
@@ -1181,7 +1182,7 @@ ul.pagination .page-item.active a {
       outline: none;
       transition: all .3s; }
       .newsletter .newsletter-box .subscribe-btn:hover {
-        background-color: #87314e; }
+        background-color: #dfa5b9; }
 
 /* = = = = = = = = = = Author Box Styles = = = = = = = = = = */
 .author-box {
@@ -1190,7 +1191,7 @@ ul.pagination .page-item.active a {
   align-items: center;
   margin-top: 30px;
   padding-bottom: 30px;
-  border-bottom: 1px solid #d9d9d9; }
+  border-bottom: 1px solid #3e3e43; }
   .author-box .author-img {
     width: 120px;
     height: 120px;
@@ -1211,7 +1212,7 @@ ul.pagination .page-item.active a {
       margin-left: 0; }
     .author-box .author-desc li a {
       font-size: 18px;
-      color: #3e3e40; }
+      color: #999999; }
       .author-box .author-desc li a:hover {
         opacity: .8; }
 
@@ -1246,7 +1247,7 @@ ul.pagination .page-item.active a {
     display: block;
     height: 1px;
     width: 80px;
-    background-color: #311e3e; }
+    background-color: #cbb4da; }
   .about-header .author-image-container {
     width: 100px;
     height: 100px;
@@ -1254,7 +1255,7 @@ ul.pagination .page-item.active a {
     overflow: hidden;
     margin: 0 auto 30px; }
   .about-header .subtitle {
-    color: #311e3e;
+    color: #cbb4da;
     font-weight: 300;
     margin: 0; }
 
@@ -1270,26 +1271,26 @@ ul.pagination .page-item.active a {
       margin-left: 0; }
     .about-body .contact-list li a {
       display: block;
-      color: #999999;
+      color: #3e3e43;
       font-size: 21px;
       text-decoration: none;
       padding: 5px;
       transition: all 350ms cubic-bezier(0.13, 0.43, 0.54, 1.82); }
       .about-body .contact-list li a:hover {
-        color: #87314e;
+        color: #dfa5b9;
         transform: scale(1.3); }
 
 /* = = = = = = = = = = Tags Styles = = = = = = = = = = */
 .blog-tags {
   margin: 100px 0 100px; }
   .invert .blog-tags h1 {
-    color: #cbb4da; }
+    color: #311e3e; }
   .invert .blog-tags .tags li a {
-    color: #cbb4da; }
+    color: #311e3e; }
   .invert .blog-tags .tag-list span a {
-    color: #dfa5b9; }
+    color: #87314e; }
   .invert .blog-tags .tag-list small {
-    color: #cbb4da; }
+    color: #311e3e; }
   .blog-tags h1 {
     text-align: center;
     font-family: 'Lato', sans-serif;
@@ -1297,19 +1298,19 @@ ul.pagination .page-item.active a {
     font-size: 36px;
     text-align: center;
     margin: 0 0 30px;
-    color: #311e3e; }
+    color: #cbb4da; }
   .blog-tags .tags {
     margin: 0;
     padding: 0;
     list-style: none; }
     .blog-tags .tags li a {
       display: inline-block;
-      color: #311e3e; }
+      color: #cbb4da; }
       .blog-tags .tags li a:hover {
         opacity: .8; }
   .blog-tags .tag-list span a {
     display: inline-block;
-    color: #87314e;
+    color: #dfa5b9;
     text-decoration: none;
     text-transform: uppercase;
     font-size: 12px;
@@ -1318,7 +1319,7 @@ ul.pagination .page-item.active a {
       text-decoration: underline;
       opacity: .8; }
   .blog-tags .tag-list small {
-    color: #311e3e; }
+    color: #cbb4da; }
 
 /* = = = = = = = = = = Animate Styles = = = = = = = = = = */
 /* = = = = = = = = = = Media = = = = = = = = = = */
@@ -1349,7 +1350,7 @@ ul.pagination .page-item.active a {
   .wrapper {
     max-width: 95%; }
   .page-content {
-    margin-top: -50px;
+    margin-top: -20px;
     padding: 15px; }
   .header-page {
     margin-bottom: 20px; }