brite: fix nav and toast header colors in dark mode

This commit is contained in:
Thomas Park
2025-05-10 11:13:10 -04:00
parent d87a163be5
commit 2ee5771d56

View File

@@ -145,6 +145,13 @@
transform: translate(0, 0); transform: translate(0, 0);
} }
[data-bs-theme="dark"] {
.btn-link,
.btn-link:hover {
color: #fff;
}
}
// Typography // Typography
a { a {
@@ -263,6 +270,51 @@ a {
color: $white; color: $white;
} }
[data-bs-theme="dark"] {
.nav-tabs,
.nav-pills {
.nav-link {
--#{$prefix}nav-link-color: #fff;
&:hover,
&:focus {
--#{$prefix}nav-link-hover-color: #fff;
}
}
}
.page-link {
--#{$prefix}pagination-color: #fff;
&:hover {
--#{$prefix}pagination-hover-color: #fff;
}
}
.nav-underline {
.nav-link {
--#{$prefix}nav-link-color: #fff;
&:hover,
&:focus {
--#{$prefix}nav-link-hover-color: #fff;
}
}
}
.breadcrumb {
a {
color: $white;
}
}
.breadcrumb-item {
&.active {
--#{$prefix}breadcrumb-item-active-color: #fff;
}
}
}
// Indicators // Indicators
.alert { .alert {
@@ -311,3 +363,9 @@ a {
width: 2px; width: 2px;
background-color: $black; background-color: $black;
} }
[data-bs-theme="dark"] {
.toast-header {
--#{$prefix}toast-header-color: #fff;
}
}