NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-12-18 19:32:24 -06:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

#6372: Fix badge & progress-bar foreground color in dark mode

Browse Source
This commit is contained in:
checktheroads
2021-05-07 16:40:24 -07:00
parent 32e1d7e879
commit 1a843f95b7
7 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
netbox/project-static/dist/netbox-dark.css vendored
View File

File diff suppressed because one or more lines are too long

2
netbox/project-static/dist/netbox-dark.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
netbox/project-static/dist/netbox-light.css vendored
View File

File diff suppressed because one or more lines are too long

2
netbox/project-static/dist/netbox-light.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
netbox/project-static/dist/rack_elevation.css.map vendored
View File

File diff suppressed because one or more lines are too long

16
netbox/project-static/netbox.scss
View File

@@ -62,6 +62,16 @@
margin-bottom: $spacer;
}
// Use proper contrasting color for badge & progress-bar foreground color.
@each $color, $value in $theme-colors {
.badge,
.progress-bar {
&.bg-#{$color} {
color: color-contrast($value);
}
}
}
body {
background-color: var(--nbx-body-bg);
color: var(--nbx-body-color);
@@ -80,8 +90,10 @@ body {
}
&[data-netbox-color-mode='light'] {
.btn.btn-primary {
color: $white;
.btn.btn-primary,
.progress-bar.bg-primary,
.badge.bg-primary {
color: $gray-50;
}
}
&[data-netbox-color-mode='dark'] {