feat: improved tabset panel contrast and dark mode text contrast

NCEAS · Aug 13, 2024 · b76b114 · b76b114
1 parent eff2a63
commit b76b114
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 0 deletions.
diff --git a/scicompdark.scss b/scicompdark.scss
@@ -36,3 +36,21 @@ $link-color: $lter-tan; // hyperlinks
 $code-bg: $gray-3; // inline code background color
 $code-block-bg: $gray-3; // code block background color
 $code-color: $lter-orange; // inline code text color
+
+/*-- scss:rules --*/
+
+// Active tabset panel (tab then tab content)
+.nav-tabs .nav-link.active { 
+  background-color: $gray-3; 
+  color: $black;
+}
+.tab-content { background-color: $gray-3; }
+
+// Navbar dropdown elements
+.dropdown-menu{
+  --bs-dropdown-link-hover-color: #f4f3ee;
+  --bs-dropdown-link-hover-bg: #97AE3F;
+}
+
+// Underline URLs
+.reveal .slide a { text-decoration: underline; }
diff --git a/scicomplight.scss b/scicomplight.scss
@@ -39,3 +39,21 @@ $link-color: $lter-blue-2; // hyperlinks
 $code-bg: $gray-0; // inline code background color
 $code-block-bg: $gray-0; // code block background color
 $code-color: $lter-orange; // inline code text color
+
+/*-- scss:rules --*/
+
+// Active tabset panel (tab then tab content)
+.nav-tabs .nav-link.active { 
+  background-color: #FFF; 
+  color: $black;
+}
+.tab-content { background-color: #FFF; }
+
+// Navbar dropdown elements
+.dropdown-menu{
+  --bs-dropdown-link-hover-color: #f4f3ee;
+  --bs-dropdown-link-hover-bg: #4AB2CB;
+}
+
+// Underline URLs
+.reveal .slide a { text-decoration: underline; }