From 8d22a3201f024d4bca54772d9fac169d4d9a325d Mon Sep 17 00:00:00 2001 From: mark-myer Date: Mon, 7 Apr 2025 21:12:10 +0000 Subject: [PATCH] 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 --- web_dark_mode/static/src/scss/variables.scss | 47 ++++++++++++++++++-- 1 file changed, 43 insertions(+), 4 deletions(-) diff --git a/web_dark_mode/static/src/scss/variables.scss b/web_dark_mode/static/src/scss/variables.scss index aeac56d0f..efd948247 100644 --- a/web_dark_mode/static/src/scss/variables.scss +++ b/web_dark_mode/static/src/scss/variables.scss @@ -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-font-weight: bold !default; - - // // Custom colors generation maps // $o-text-colors-custom: ( // "action": $o-action, @@ -277,7 +275,7 @@ $o-btns-bs-override: map-merge(( active-background: lighten($o-brand-primary, 7%), active-border: lighten($o-brand-primary, 7%), - active-color: #FFF, + active-color: #364a5d, ), "secondary": ( background: $o-gray-300, @@ -339,12 +337,53 @@ $o-btns-bs-outline-override: map-merge(( :root { --o-stat-button-color: $o-gray-400; /* Define --o-stat-button-color as a custom property with a red color value */ + } .bg-200 { --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 { &__button { @@ -354,4 +393,4 @@ $o-btns-bs-outline-override: map-merge(( background: if($o-webclient-color-scheme == 'dark', $o-black, $o-navbar-entry-bg--hover); } } -} \ No newline at end of file +}