Skip to content

Commit

Permalink
Fixing contrast issue with tab panels and dropdown items (light and d…
Browse files Browse the repository at this point in the history
…ark mode)
  • Loading branch information
njlyon0 committed Jul 29, 2024
1 parent 8ed534f commit 151e3d8
Show file tree
Hide file tree
Showing 2 changed files with 27 additions and 2 deletions.
13 changes: 13 additions & 0 deletions theme_dark.scss
Original file line number Diff line number Diff line change
Expand Up @@ -45,5 +45,18 @@ $code-block-bg: $gray-0; // code block b

/*-- scss:rules --*/

// Active tabset panel (tab then tab content)
.nav-tabs .nav-link.active {
background-color: $gray-3;
color: $cream;
}
.tab-content { background-color: $gray-3; }

// Navbar dropdown elements
.dropdown-menu{
--bs-dropdown-link-hover-color: #191919;
--bs-dropdown-link-hover-bg: #ffddd2;
}

// Underline URLs
.reveal .slide a { text-decoration: underline; }
16 changes: 14 additions & 2 deletions theme_light.scss
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,6 @@ $url-blue: #01baef;
$url-blue-2: #0081a7;

$cream: #f4f3ee;
$cream-2: #f8f9fa;
$gray-0: #d6d6d6;
$gray-1: #bcb8b1;
$gray-2: #8a817c;
Expand All @@ -36,7 +35,7 @@ $footer-bg: $pink-2;
$footer-text: $pink-1;

// Page Colors
$body-bg: $cream-2;
$body-bg: $cream;
$body-color: $black;
$link-color: $url-blue-2;

Expand All @@ -47,5 +46,18 @@ $code-block-bg: $gray-0; // code block b

/*-- 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: #e29578;
}

// Underline URLs
.reveal .slide a { text-decoration: underline; }

0 comments on commit 151e3d8

Please sign in to comment.