From 2ee5771d56e692c6769fdf8b760dd3ae18bd1989 Mon Sep 17 00:00:00 2001 From: Thomas Park Date: Sat, 10 May 2025 11:13:10 -0400 Subject: [PATCH] brite: fix nav and toast header colors in dark mode --- dist/brite/_bootswatch.scss | 58 +++++++++++++++++++++++++++++++++++++ 1 file changed, 58 insertions(+) diff --git a/dist/brite/_bootswatch.scss b/dist/brite/_bootswatch.scss index 60bf6cba..39fe5bf3 100644 --- a/dist/brite/_bootswatch.scss +++ b/dist/brite/_bootswatch.scss @@ -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; + } +} \ No newline at end of file