fixed #16649: general contrast issues

This commit is contained in:
Andrew Gormley 2024-06-28 11:00:50 +01:00
parent d319791a26
commit 4c1da53613
2 changed files with 20 additions and 3 deletions

Binary file not shown.

View File

@ -63,11 +63,22 @@ table {
// Dark mode colors
@if $enable-dark-mode {
@include color-mode(dark, true) {
--#{$prefix}alert-color: darken(var(--#{$prefix}warning),10%);
--#{$prefix}link-color: #{$bright-teal};
--#{$prefix}secondary: #{$gray-400};
}
}
// Slightly increase alert contrast between bg and text
.alert {
background: var(--#{$prefix}bg-surface);
}
//
.page, .page-tabs .nav-tabs .nav-link.active {
background-color: var(--#{$prefix}bg-surface-tertiary)!important;
}
// Dark mode overrides
body[data-bs-theme=dark] {
@ -77,7 +88,7 @@ body[data-bs-theme=dark] {
background-color: $rich-black;
}
.page, .page-tabs .nav-tabs .nav-link.active {
background-color: $rich-black-light;
background-color: $rich-black-light!important;
}
// Adjust dark table link color without affecting buttons and badges
@ -96,7 +107,13 @@ body[data-bs-theme=dark] {
}
}
.text-muted {
color: var(--#{$prefix}secondary-color) !important;
// Adjusting text colors
.text- {
&muted {
color: var(--#{$prefix}secondary-color) !important;
}
&secondary {
color: $gray-400!important;
}
}
}