Link and menu header color change (#27)

* Changing link color * Changing text color in badges to gray * Changing menu headers to blue * Changing the active page color to the link color * Update style.css --------- Co-authored-by: Sandra Rodgers <[email protected]>
deepgram-devs · Jan 19, 2024 · 5129996 · 5129996
1 parent 36cb196
commit 5129996
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/style.css b/style.css
@@ -75,7 +75,7 @@ Styling darkmode globals
 
 [data-color-mode="dark"] body {
   --color-text-default: #ededf2;
-  --color-link-default: #ceced2;
+  --color-link-default: #79AFFA;
   --color-bg-page: #1c1c20;
   --color-bg-page-rgb: #1c1c20;
   --color-input-background: #000000;
@@ -156,7 +156,7 @@ DG classes
 .App .rdmd-html span.dg-badge,
 .App .rdmd-html a.dg-badge {
   margin-right: 6px;
-  color: var(--color-text-default);
+  color: #BBBBBF !important;
   padding: 8px 16px;
   text-decoration: none;
   border-radius: 8px;
@@ -278,6 +278,16 @@ DG classes
   border: 2px solid var(--color-link-default);
 }
 
+/** 
+Styling sidebar links.
+*/
+
+[data-color-mode="dark"] body .rm-Sidebar-heading {
+  color: #B2D1FC;
+}
+
+
+
 /**
 Override for "header-top" search button position.
 */
@@ -420,7 +430,7 @@ Styling sidebar links.
 }
 
 [data-color-mode="dark"] body .rm-Sidebar a.active {
-  color: #ef4ea2;
+  color: var(--color-link-default);
   background: none;
 }