RomanNum3ral
/
netbox
mirror of https://github.com/netbox-community/netbox.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

#6372: Fix multi-select colors in dark mode

This commit is contained in:
checktheroads 2021-05-25 08:44:06 -07:00
parent 5b68a11f01
commit 1daee79095
5 changed files with 11 additions and 5 deletions
Show Stats 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

8
netbox/project-static/select.scss
View File

@ -19,18 +19,20 @@ $spacing-s: $input-padding-x;
--nbx-select-option-hover-bg: #{$blue};
--nbx-select-option-hover-color: #{$white};
--nbx-select-placeholder-color: #{$gray-500};
--nbx-select-value-color: #{$white};
& body[data-netbox-color-mode='dark'] {
--nbx-select-content-bg: #{$gray-900};
--nbx-select-option-selected-bg: #{$gray-500};
--nbx-select-option-hover-bg: #{$blue-200};
--nbx-select-option-hover-color: #{color-contrast($blue-200)};
--nbx-select-placeholder-color: #{$gray-500};
--nbx-select-value-color: #{$black};
}
}
div.form-floating div.ss-main div.ss-single-selected,
div.form-floating div.ss-main div.ss-multi-selected {
height: $form-floating-height;
min-height: $form-floating-height;
}
@import './node_modules/slim-select/src/slim-select/slimselect.scss';
@ -89,6 +91,10 @@ div.form-floating div.ss-main div.ss-multi-selected {
.ss-disabled {
padding: 4px 0px;
}
.ss-value {
border-radius: $badge-border-radius;
color: var(--nbx-select-value-color);
}
}
.ss-add {
margin: 0 0.75rem;