commit f52ef63d93b72ea6b49811a96aad99ed2879cdb7
author Tomaz Muraus <tomaz@tomaz.me> Tue Mar 29 23:23:35 2022 +0200
committer Tomaz Muraus <tomaz@tomaz.me> Tue Mar 29 23:23:35 2022 +0200
tree 23ade070bb30c245bfea989d6d85e481cf7f5090
parent 0fb4416f1a26ee1c0e9b3877628da09148096e79

Improve dark theme colors.

source/_assets/css/main.css

diff --git a/source/_assets/css/main.css b/source/_assets/css/main.css
index a5db3ff..4a5020c 100644
--- a/source/_assets/css/main.css
+++ b/source/_assets/css/main.css
@@ -10,11 +10,13 @@
     --main-code-text-color: #c7254e;

     --main-code-background-color: #f9f2f4;;

     --main-syntax-highlight-background-color: #fff0f0;

+    --main-syntax-highlight-o-text-color: #333;

     --main-carousel-color: #333;

     --main-post-date-author: rgba(77,77,77,0.75);

     --main-navbar-text-color: #000;

     --main-a-text-color: #428bca;

     --main-a-hover-focus-color: #2a6496;

+    --main-sidebar-nav-a-active: #000;

     --main-hr-border-color: #eee;

 }

 

@@ -28,11 +30,13 @@
     --main-code-text-color: rgb(221, 73, 110);

     --main-code-background-color: rgb(43, 20, 26);

     --main-syntax-highlight-background-color: rgb(60, 0, 0);

+    --main-syntax-highlight-o-text-color: rgb(200, 195, 188);

     --main-carousel-color: #fff;

     --main-post-date-author: rgba(183, 177, 168, 0.75);

     --main-navbar-text-color: #fff;

     --main-a-text-color: rgb(125, 178, 219);

     --main-a-hover-focus-color: rgb(125, 178, 219);

+    --main-sidebar-nav-a-active: rgb(232, 230, 227);

     --main-hr-border-color: rgb(53, 57, 59);

 }

 

@@ -47,11 +51,13 @@
         --main-code-text-color: rgb(221, 73, 110);

         --main-code-background-color: rgb(43, 20, 26);

         --main-syntax-highlight-background-color: rgb(60, 0, 0);

+        --main-syntax-highlight-o-text-color: rgb(200, 195, 188);

         --main-carousel-color: #fff;

         --main-post-date-author: rgba(183, 177, 168, 0.75);

         --main-navbar-text-color: #fff;

         --main-a-text-color: rgb(125, 178, 219);

         --main-a-hover-focus-color: rgb(125, 178, 219);

+        --main-sidebar-nav-a-active: rgb(232, 230, 227);

         --main-hr-border-color: rgb(53, 57, 59);

     }

     html[data-theme="light"] {

@@ -65,11 +71,13 @@
         --main-code-text-color: #c7254e;

         --main-code-background-color: #f9f2f4;;

         --main-syntax-highlight-background-color: #fff0f0;

+        --main-syntax-highlight-o-text-color: #333;

         --main-carousel-color: #333;

         --main-post-date-author: rgba(77,77,77,0.75);

         --main-navbar-text-color: #000;

         --main-a-text-color: #428bca;

         --main-a-hover-focus-color: #2a6496;

+        --main-sidebar-nav-a-active: #000;

         --main-hr-border-color: #eee;

     }

 }

@@ -247,17 +255,22 @@
 }

 

 .sidebar-nav > ul > li.active > a {

-    color: black;

+    color: var(--main-sidebar-nav-a-active);

     text-decoration: none;

     cursor: default;

 }

 

 .sidebar-nav > ul > li.active > a:hover {

-    color: black;

+    color: var(--main-sidebar-nav-a-active);

+    background-color: var(--main-navbar-color);

     text-decoration: none;

     cursor: default;

 }

 

+.sidebar-nav > ul > li > a:hover {

+    background-color: var(--main-navbar-color);

+}

+

 /* Credits page */

 

 div.member {

@@ -365,6 +378,7 @@
 hr {

     border-color: var(--main-hr-border-color);

 }

+

 a {

   color: var(--main-a-text-color);

 }

@@ -373,9 +387,14 @@
 a:focus {

   color: var(--main-a-hover-focus-color);

 }

+

+/* Syntax highlighter classes */

 .s {

   background-color: var(--main-syntax-highlight-background-color);

 }

+.o {

+    color: var(--main-syntax-highlight-o-text-color);

+}

 

 code {

     color: var(--main-code-text-color);