mirror of
https://github.com/netbox-community/netbox.git
synced 2025-08-09 00:58:16 -06:00
fixed #16649: general contrast issues
This commit is contained in:
parent
d319791a26
commit
4c1da53613
BIN
netbox/project-static/dist/netbox.css
vendored
BIN
netbox/project-static/dist/netbox.css
vendored
Binary file not shown.
@ -63,11 +63,22 @@ table {
|
|||||||
// Dark mode colors
|
// Dark mode colors
|
||||||
@if $enable-dark-mode {
|
@if $enable-dark-mode {
|
||||||
@include color-mode(dark, true) {
|
@include color-mode(dark, true) {
|
||||||
|
--#{$prefix}alert-color: darken(var(--#{$prefix}warning),10%);
|
||||||
--#{$prefix}link-color: #{$bright-teal};
|
--#{$prefix}link-color: #{$bright-teal};
|
||||||
--#{$prefix}secondary: #{$gray-400};
|
--#{$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
|
// Dark mode overrides
|
||||||
body[data-bs-theme=dark] {
|
body[data-bs-theme=dark] {
|
||||||
|
|
||||||
@ -77,7 +88,7 @@ body[data-bs-theme=dark] {
|
|||||||
background-color: $rich-black;
|
background-color: $rich-black;
|
||||||
}
|
}
|
||||||
.page, .page-tabs .nav-tabs .nav-link.active {
|
.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
|
// Adjust dark table link color without affecting buttons and badges
|
||||||
@ -96,7 +107,13 @@ body[data-bs-theme=dark] {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-muted {
|
// Adjusting text colors
|
||||||
|
.text- {
|
||||||
|
&muted {
|
||||||
color: var(--#{$prefix}secondary-color) !important;
|
color: var(--#{$prefix}secondary-color) !important;
|
||||||
}
|
}
|
||||||
|
&secondary {
|
||||||
|
color: $gray-400!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user