Techsystech
/
web_techsystech
forked from Techsystech/web
3
0
Fork 0
Code Pull Requests Activity

Update web_dark_mode/static/src/scss/variables.scss 

Fixed
* white overlay behind popup modal
* white overlay on selected list items with a few small tweaks to the list select check boxes
* darken file preview top bar
17.0
mark-myer 2025-04-07 21:12:10 +00:00
parent e6935257a3
commit 8d22a3201f
1 changed files with 43 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
web_dark_mode/static/src/scss/variables.scss
View File

@ -154,8 +154,6 @@ $o-form-lightsecondary: #cccccc !default; //not sure what this one does
$o-list-footer-bg-color: transparent !default; $o-list-footer-bg-color: transparent !default;
$o-list-footer-font-weight: bold !default; $o-list-footer-font-weight: bold !default;
// // Custom colors generation maps // // Custom colors generation maps
// $o-text-colors-custom: ( // $o-text-colors-custom: (
// "action": $o-action, // "action": $o-action,
@ -277,7 +275,7 @@ $o-btns-bs-override: map-merge((
active-background: lighten($o-brand-primary, 7%), active-background: lighten($o-brand-primary, 7%),
active-border: lighten($o-brand-primary, 7%), active-border: lighten($o-brand-primary, 7%),
active-color: #FFF, active-color: #364a5d,
), ),
"secondary": ( "secondary": (
background: $o-gray-300, background: $o-gray-300,
@ -339,12 +337,53 @@ $o-btns-bs-outline-override: map-merge((
:root { :root {
--o-stat-button-color: $o-gray-400; /* Define --o-stat-button-color as a custom property with a red color value */ --o-stat-button-color: $o-gray-400; /* Define --o-stat-button-color as a custom property with a red color value */
} }
.bg-200 { .bg-200 {
--background-color: #3c3e4a !important; /* find a better way to do this */ --background-color: #3c3e4a !important; /* find a better way to do this */
} }
.table-info {
--table-color: #FFF !important;
--table-bg: #20364b !important;
--table-border-color: #4d5e6f !important;
--table-striped-bg: #243a4f !important;
--table-striped-color: #FFF !important;
--table-active-bg: #364a5d !important;
--table-active-color: #FFF !important;
--table-hover-bg: #364a5d !important;
--table-hover-color: #FFF !important;
color: var(--table-color) !important;
border-color: var(--table-border-color) !important;
}
.list-group-item.active {
z-index: 2 !important;
color: #02c7b5 !important;
background-color: #3c3e4b !important;
border-color: #02c7b5 !important;
}
.form-check-input:checked {
background-color: #02c7b5 !important;
border-color: #02c7b5 !important;
}
.form-check:hover, .form-check:hover .form-check-input:not(:disabled) {
border-color: #02c7b5 !important;
}
$o-list-group-active-bg: #364a5d !default;
.modal:not([data-bs-backdrop="false"]) {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.o-FileViewer-header.bg-black-75 {
color: #fff !important;
background-color: #262A36 !important;
}
.o_grid_apps_menu { .o_grid_apps_menu {
&__button { &__button {