mirror of
https://github.com/thomaspark/bootswatch.git
synced 2025-10-07 01:54:07 +00:00
brite: fix nav and toast header colors in dark mode
This commit is contained in:
58
dist/brite/_bootswatch.scss
vendored
58
dist/brite/_bootswatch.scss
vendored
@@ -145,6 +145,13 @@
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
|
||||
[data-bs-theme="dark"] {
|
||||
.btn-link,
|
||||
.btn-link:hover {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
// Typography
|
||||
|
||||
a {
|
||||
@@ -263,6 +270,51 @@ a {
|
||||
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
|
||||
|
||||
.alert {
|
||||
@@ -311,3 +363,9 @@ a {
|
||||
width: 2px;
|
||||
background-color: $black;
|
||||
}
|
||||
|
||||
[data-bs-theme="dark"] {
|
||||
.toast-header {
|
||||
--#{$prefix}toast-header-color: #fff;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user