Merge pull request #4 from intr-cx/master

Fix dark theme discrepancies

_sass/custom.scss

@@ -16,7 +16,7 @@ p.note {
 }
 
 .bcstats p:nth-child(even) {
-    background-color: #f6f6f6;
+    background-color: var(--blog-bg-color-secondary);
 }
 
 $breakpoint-alpha: 480px; // adjust to your needs
@@ -38,10 +38,10 @@ p.table-title {
   overflow: hidden;
   border-spacing: 0;
   @media (min-width: $breakpoint-alpha) {
-    background-color: #f0f0f0;
+    background-color: var(--block-bg-color);
     color: #45494f;
     tr.row3 {
-      background-color: #f6f6f6;
+      background-color: var(--blog-bg-color-secondary);
   }
   }
   
@@ -53,7 +53,7 @@ p.table-title {
   
     
   tr.row1 {
-    background-color: #45494f;
+    background-color: var(--block-bg-color-heading);
   }
   
   th {
@@ -232,7 +232,7 @@ img#veracrypt {
 
 p.address {
     background-color: var(--block-bg-color);
-    color: #45494f;
+    color: var(--primary-color);
     font-weight: bold;
     word-wrap: break-word;
     padding: 1.5rem;

css/main.scss

@@ -39,10 +39,12 @@
 :root {
     --primary-color: #888888;
     --secondary-color: #666666;
-    --font-color: #999999;
+    --font-color: #cecece;
     --bg-color: #0f0f0f;
     --heading-color: #454545;
     --block-bg-color: #2f3234;
+    --block-bg-color-secondary: #444444;
+    --block-bg-color-heading: #333333;
 }
 
 [data-theme="dark"] {
@@ -52,6 +54,8 @@
     --bg-color: #f0f0f0;
     --heading-color: #666666;
     --block-bg-color: #d7d7d7;
+    --block-bg-color-secondary: #c0c0c0;
+    --block-bg-color-heading: #a5a5a5;
 }
 
 body {