Fix header color. Use color vars.

_includes/static_comments.html

@@ -33,8 +33,6 @@ <h4 id="comments-header">نظرات خوانندگان</h4>
     <input name="bot-field" style="display:none">
     <input name="page_id" style="display:none" value="{{page.id}}">
     <input name="page_uuid" style="display:none" value="{{page.uuid}}">
-    <input name="page_date" style="display:none" value="{{page.date}}">
-    <input name="page_title" style="display:none" value="{{page.title}}">
     <label for="message">دیدگاه<sup class="required">*</sup> &nbsp;<small>می‌توانید با <a href="http://commonmark.org/help/" target="_">مارک‌داون</a> هم بنویسید.</small>
       <textarea id="message" name="message" required alt="no!!" onkeyup="preview()"></textarea>
       <div id="preview"></div>

_sass/_layout.scss

@@ -24,20 +24,14 @@ header {
     font-size: 26px;
     line-height: 56px;
     letter-spacing: -1px;
-
-    &:visited {
-        color: white;
-    }
+    color: $anti-color;
 }
 
 .post-list {
     list-style: none;
 
     h2 {
         font-weight: bold;
-        a {
-            //color: darken($header-color, 30%);
-        }
     }
 
     .post-list-item {
@@ -68,7 +62,7 @@ header {
 
 .meta {
     font-size: $small-font-size;
-    color: lighten($text-color, 10%);
+    color: $grey-color;
 }
 
 .list-meta-col {
@@ -86,7 +80,7 @@ header {
 }
 
 #motto {
-    color: white;
+    color: $anti-color;
     vertical-align: calc(40%);
 }
 
@@ -123,7 +117,7 @@ header {
     padding: 5px 32px;
     background-color: lighten($brand-color, 25%);
     border-radius: 2px;
-    color: white;
+    color: $anti-color;
 }
 
 @include media-query($on-palm) {

_sass/_post.scss

@@ -9,7 +9,7 @@
     text-align: center;
     font-weight: bold;
     font-size: 4em;
-    color: $header-color;//a friendly dark color. darken($header-color, 10%);
+    color: $header-color;
 
     @include media-query($on-laptop) {
         font-size: 4em;
@@ -69,12 +69,10 @@
     padding-top: 1em;
     padding-bottom: 1em;
     display: flex;
-    /*border-top: 1px solid #f2f3f3;
-    border-bottom: 1px solid #f2f3f3;*/
 }
 
 .pagination--pager.disabled {
-    color: rgba(137, 140, 143, 0.5);
+    color: lighten($brand-color, 50%);
     pointer-events: none;
     cursor: not-allowed;
 }
@@ -97,7 +95,7 @@
 
 #comments, #comments-form {
     font-size: .9rem;
-    color: darken($grey-color, 30%);
+    color: $grey-color-dark;
 }
 
 #comments article {
@@ -158,7 +156,7 @@
         box-sizing: border-box;
         font-family: $base-font-family;
         font-size: small;
-        color: darken($grey-color, 25%);
+        color: $grey-color-dark;
         border: 1px solid lighten($brand-color, 50%);
     }
 
@@ -173,6 +171,7 @@
     textarea {
         height: 10rem;
         resize: vertical;
+        padding: 10px;
     }
 
     sup.required {
@@ -181,11 +180,10 @@
 
     #preview {
         font-size: small;
-        color: darken($grey-color, 10%);
-        background-color: white;
-        margin-top: 1em;
+        color: $grey-color-dark;
+        padding: 10px;
         h1, h2, h3, h4, h5, h6 {
-            color: darken($grey-color, 10%);
+            color: $grey-color-dark;
             margin: initial;
         }
         p {

_sass/_print.scss

@@ -1,9 +1,12 @@
 @media print { 
-	/* your print styles go here */
-	.site-header, .site-footer { display: none; } 
-	#disqus_thread { display: none; }
 
-	body { background-image: none;  } 
-	h1 { font-size: 18pt; } 
+	.site-header,
+    .site-footer,
+	#disqus_thread,
+    #static-comments {
+        display: none;
+    }
+
+	h1 { font-size: 18pt; }
 	h2 { font-size: 16pt; color: #000; }
 }

assets/css/main.scss

@@ -39,10 +39,10 @@ $header-color:     #14213d;
 /* Palett source:
 https://coolors.co/app/2b2d42-8d99ae-edf2f4-ef233c-d90429 */
 $brand-color:      #d90429;
-$anti-color:       #8d99ae;
+$anti-color:       white;
 $text-color:       #2b2d42;
-$background-color: #ffffff; /* original one was edf2f4 */
-$header-color:     #343434;//#343434;//#ef233c;
+$background-color: #ffffff;
+$header-color:     #343434;
 
 $grey-color:       gray;
 $grey-color-light: lighten($grey-color, 25%);