From 0250ad27365614a4ca9b1c483aac6a3f4845865e Mon Sep 17 00:00:00 2001
From: pollfly <75068813+pollfly@users.noreply.github.com>
Date: Sun, 8 Jan 2023 14:58:57 +0200
Subject: [PATCH] design modifications (#431)

---
 src/css/custom.css | 34 +++++++++++++++++++++++++---------
 1 file changed, 25 insertions(+), 9 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index ab2275c4..8a1658c6 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -49,7 +49,7 @@ html[data-theme="dark"] {
   --ifm-footer-link-hover-color:   #14aa8c;
   --ifm-dropdown-background-color: #2c3246;
   --ifm-table-stripe-background:   #141722;
-  --ifm-link-color: var(--ifm-color-primary);
+  --ifm-link-color: var(--ifm-color-primary-light);
 }
 
 @media (min-width: 1400px) {
@@ -61,6 +61,13 @@ html[data-theme="dark"] {
 }
 
 /* ===LAYOUT=== */
+a {
+  text-underline-offset: 4px;
+}
+
+html[data-theme="dark"] a:hover {
+  color: var(--ifm-color-primary-lightest);
+}
 
 .max-w-75 {
   max-width: 75%;
@@ -333,22 +340,23 @@ html[data-theme="light"] [class^="sidebarLogo"] > img {
 .menu__list {
   font-size: 0.875rem;
 }
-.menu__link {
-  color: var(--ifm-link-color);
-}
-.menu__link:hover {
-  color: var(--ifm-link-color);
-}
+
 .menu__link--sublist:after {
   background-size: 1.25rem;
   background-repeat: no-repeat;
 }
-html[data-theme="light"] .menu__link--active {color: var(--ifm-link-color);}
-html[data-theme="dark"] .menu__link--active  {color: var(--ifm-link-color);}
 
 .navbar-sidebar .navbar-sidebar__back {color: var(--ifm-link-color);}
 
 
+html[data-theme="dark"] .menu__link--active {
+  color: var(--ifm-color-primary-lighter);
+}
+html[data-theme="light"] .menu__link:not(.menu__link--active) {
+  color: #606a78;
+}
+
+
 /* ===NAV-SIDEBAR=== */
 html[data-theme="light"] .navbar-sidebar {
   background-color: white;
@@ -431,6 +439,9 @@ html[data-theme="dark"] .table-of-contents {
   background-color: var(--ifm-toc-background-color);
   box-shadow: 0 0 0 2px rgba(0,0,0,0.4) inset;
 }
+html[data-theme="dark"] a.table-of-contents__link--active {
+  color: var(--ifm-color-primary-light);
+}
 .table-of-contents__left-border {
   border:none;
 }
@@ -528,6 +539,11 @@ html[data-theme="light"] .footer__link-item[href*="stackoverflow"] {
 }
 
 
+html[data-theme="dark"] .footer__link-item:hover {
+  color: var(--ifm-color-primary-lighter);
+}
+
+
 /* ===MARKDOWN=== */
 .markdown img.medium-zoom-image[src*="png"],
 .markdown img.medium-zoom-image[src*="gif"]  {