From d374402ea763022324d4439434d7810820bddad1 Mon Sep 17 00:00:00 2001 From: GilbN Date: Tue, 12 Jul 2022 19:48:34 +0200 Subject: [PATCH 01/16] Fixes for [Bug] VueTorrent modal panel and button change in Hotio qBittorrent 4.4.3.1 #399 --- css/base/vuetorrent/vuetorrent-base.css | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/css/base/vuetorrent/vuetorrent-base.css b/css/base/vuetorrent/vuetorrent-base.css index 70bf4dd189..fbf075f3df 100644 --- a/css/base/vuetorrent/vuetorrent-base.css +++ b/css/base/vuetorrent/vuetorrent-base.css @@ -108,7 +108,7 @@ p, /* CARDS */ [class*="theme--"].v-card { - background: var(--transparency-dark-50); + background: var(--transparency-dark-35); color: var(--text); } @@ -223,6 +223,10 @@ p, button>.v-btn--is-elevated .v-btn--has-bg.v-icon__svg { fill: var(--button-text); } + +[class*="theme--"].v-btn.v-btn--has-bg .v-icon__svg { + fill: var(--button-text) !important; +} .v-icon__svg{ fill: rgb(var(--accent-color)) !important; } @@ -461,6 +465,13 @@ button>.v-btn--is-elevated .v-btn--has-bg.v-icon__svg { color: var(--text-hover); } +[class*="theme--"].v-data-table .v-data-table__empty-wrapper { + color: var(--text); +} + +[class*="theme--"].v-tabs-items { + background-color: transparent; +} /* TOOLTIP */ .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title, .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title { @@ -496,4 +507,11 @@ button>.v-btn--is-elevated .v-btn--has-bg.v-icon__svg { .v-speed-dial__list .v-icon__svg { fill: var(--text-hover); +} + +/* SETTING */ + +[class*="theme--"].v-list { + background: var(--transparency-light-05); + color: rgba(0,0,0,.87); } \ No newline at end of file From fc17970e9619411038589d12c05e1d528d61b7a8 Mon Sep 17 00:00:00 2001 From: GilbN Date: Thu, 14 Jul 2022 17:09:44 +0200 Subject: [PATCH 02/16] rename bazarr base --- css/base/bazarr/{bazarr-base.css => bazarr-base-old.css} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename css/base/bazarr/{bazarr-base.css => bazarr-base-old.css} (100%) diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base-old.css similarity index 100% rename from css/base/bazarr/bazarr-base.css rename to css/base/bazarr/bazarr-base-old.css From cee7d9060d7b1422468b521c78815d3803f03831 Mon Sep 17 00:00:00 2001 From: GilbN Date: Thu, 14 Jul 2022 20:45:24 +0200 Subject: [PATCH 03/16] fix: :bug: Bazarr: CSS for new UI. WIP --- css/base/bazarr/bazarr-base.css | 432 ++++++++++++++++++++++++++++++++ 1 file changed, 432 insertions(+) create mode 100644 css/base/bazarr/bazarr-base.css diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css new file mode 100644 index 0000000000..877f6361a1 --- /dev/null +++ b/css/base/bazarr/bazarr-base.css @@ -0,0 +1,432 @@ +@import url("/css/defaults/placeholders.css"); +@import url("/css/defaults/transparent.css"); + +body,#root { + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + color: var(--text); +} + +/* TEXT */ + +[class$="-label"]:not([class$="-Button-label"]) { + color: var(--text-hover) !important; +} + +.mantine-Text-root[class*="bazarr-"]:not(.mantine-Badge-light span div):not(.mantine-Progress-bar div):not(a) { + color: var(--text); +} + +a, +.mantine-Text-root.mantine-Anchor-root[class*="bazarr-"] { + color: var(--link-color); +} + +a:hover, +.mantine-Text-root.mantine-Anchor-root[class*="bazarr-"]:hover { + color: var(--link-color-hover); +} + +h1, +h1 div, +h2, +h3, +h4, +h5, +h6 { + color: var(--text-hover) !important; +} + +/* HEADER */ + +.mantine-Header-root[class*="bazarr-"] { + background: var(--main-bg-color); + border-bottom: 1px solid var(--transparency-light-15); +} + +/* SUBHEADER */ + +/* .mantine-Container-root[class*="bazarr-"] .mantine-Group-root[class*="bazarr-"]:not(td>*):not(.mantine-Card-root div), */ +#root > div > div > main > div > div.mantine-Group-root[class*="bazarr-"], +#root > div > div > main > div > div > div.mantine-Group-root[class*="bazarr-"], +#root > div > div > main > form > div.mantine-Group-root[class*="bazarr-"] { + background: var(--transparency-dark-25); +} +.mantine-Button-icon.mantine-Button-leftIcon[class*="bazarr-"] { + color: var(--text) +} + + +/* SIDEMENU */ + +.mantine-Navbar-root.mantine-Navbar-hidden[class*="bazarr-"] { + background: var(--transparency-dark-25); + border-right: 1px solid var(--transparency-light-15); +} +.mantine-Divider-root .mantine-Divider-horizontal[class*="bazarr-"] { + border-top-color: var(--transparency-light-10); +} +.mantine-Navbar-root.mantine-Navbar-hidden[class*="bazarr-"] .mantine-Stack-root[class*="bazarr-"] a[aria-current="page"] { + background: var(--transparency-dark-15) !important; + border-left: 2px solid rgb(var(--accent-color)); +} + +.mantine-Navbar-root.mantine-Navbar-hidden[class*="bazarr-"] .mantine-Stack-root[class*="bazarr-"] a{ + border-left: 2px solid var(--transparency-light-10); +} +.mantine-Navbar-root.mantine-Navbar-hidden[class*="bazarr-"] .mantine-Stack-root a [class*="bazarr-"]:hover:not(.mantine-Badge-light):not(.mantine-Badge-inner), +.mantine-Navbar-root.mantine-Navbar-hidden[class*="bazarr-"] .mantine-Stack-root [class*="bazarr-"]:hover:not(.mantine-Badge-light):not(.mantine-Badge-inner) { + color: rgb(var(--accent-color)); + background: transparent; +} + +.mantine-Navbar-root[class*="bazarr-"] { + background: var(--main-bg-color); +} + + +/* TABLE */ +[class*="bazarr-"] tbody tr { + color: var(--text); +} +[class*="bazarr-"] tbody tr td { + border-bottom: 1px solid var(--transparency-light-10) !important; +} +[class*="bazarr-"] thead tr th { + border-bottom: 1px solid var(--transparency-light-20) !important; +} +[class*="bazarr-"].__mantine-ref-striped tbody tr:nth-of-type(2n+1) { + background: var(--transparency-dark-15) !important; +} +.mantine-Table-root .__mantine-ref-striped .mantine-Table-striped[class*="bazarr-"] { + color: var(--text) +} +[class*="bazarr-"] thead tr th, [class*="bazarr-"] tfoot tr th { + color: var(--text-hover) !important; +} +.mantine-Skeleton-root.mantine-Skeleton-visible[class*="bazarr-"]::after { + background: var(--transparency-light-10); +} +.mantine-Skeleton-root.mantine-Skeleton-visible[class*="bazarr-"]::before { + background: var(--transparency-dark-25); +} + +/* BUTTONS */ + +.mantine-Button-filled.mantine-Button-root.mantine-Group-child[class*="bazarr-"] { + color: var(--button-text); + background: var(--button-color); +} +.mantine-Button-filled.mantine-Button-root.mantine-Group-child[class*="bazarr-"]:hover { + color: var(--button-text-hover); + background: var(--button-color-hover); +} + +.mantine-Button-subtle.mantine-Button-root.mantine-Group-child[class*="bazarr-"]:hover { + background: var(--transparency-dark-15); +} + +.mantine-Button-subtle.mantine-Button-root.mantine-Group-child[class*="bazarr-"]:not(.__mantine-ref-loading):disabled { + background: transparent; + opacity: .5; +} + +.mantine-ActionIcon-hover.mantine-ActionIcon-root[class*="bazarr-"]:hover { + background: var(--transparency-dark-15); +} + +.mantine-Button-filled.mantine-Button-root[class*="bazarr-"] { + color: var(--button-text); + background: var(--button-color); +} +.mantine-Button-filled.mantine-Button-root[class*="bazarr-"]:hover { + color: var(--button-text-hover); + background: var(--button-color-hover); +} + +[class*="bazarr-"].mantine-Switch-input:checked { + background-color: rgb(var(--accent-color)); + border-color: rgb(var(--accent-color)); +} + +[class*="bazarr-"].mantine-Switch-input:checked::before { + border-color: var(--label-text-color); + background: var(--label-text-color); +} + +[class*="bazarr-"].mantine-Switch-input:checked::after { + color: var(--label-text-color); +} + +[class*="bazarr-"].mantine-Switch-label { + color: var(--text-hover); +} + +[class*="bazarr-"].mantine-Switch-input { + background: var(--transparency-dark-15); + border: 1px solid var(--transparency-light-10); +} + +.mantine-UnstyledButton-root.__mantine-ref-control.mantine-Accordion-control[class*="bazarr-"]:hover { + background: var(--transparency-dark-15); +} +.mantine-Accordion-item[class*="bazarr-"] { + border-bottom: var(--transparency-light-10) 1px solid; +} +.__mantine-ref-icon.mantine-Accordion-icon[class*="bazarr-"] { + color: rgb(var(--accent-color)) +} + +.mantine-ActionIcon-transparent.mantine-ActionIcon-root[class*="bazarr-"] { + color: rgb(var(--accent-color)) +} +.mantine-UnstyledButton-root[class*="bazarr-"] { + color: var(--text) +} +.mantine-UnstyledButton-root[class*="bazarr-"]:hover { + box-shadow: rgb(0 0 0 / 5%) 0px 1px 3px, rgb(0 0 0 / 5%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px; + border: 1px solid rgb(var(--accent-color)); +} + +.mantine-Slider-bar[class*="bazarr-"] { + background: rgb(var(--accent-color)); +} +.mantine-Slider-thumb[class*="bazarr-"] { + border: 4px solid rgb(var(--accent-color)); + color: var(--label-text-color); + background: var(--label-text-color); +} +.mantine-Slider-mark.mantine-Slider-markFilled[class*="bazarr-"] { + border: 2px solid var(--label-text-color); + background: var(--label-text-color); +} +[class*="bazarr-"].mantine-Slider-track::before { + background: var(--transparency-dark-15); +} +[class*="bazarr-"].mantine-Slider-mark { + border: 2px solid rgb(var(--accent-color)); + background-color: rgb(var(--accent-color)) +} + + /* ACTION BUTTON */ + .mantine-ActionIcon-light.mantine-ActionIcon-root[class*="bazarr-"] { + background: var(--button-color); + color: var(--button-text); + border: 1px solid var(--button-color) + } + .mantine-ActionIcon-light.mantine-ActionIcon-root[class*="bazarr-"]:hover { + background: var(--button-color-hover); + color: var(--button-text-hover); + border: 1px solid var(--button-color-hover) + } + + .mantine-ActionIcon-hover.mantine-ActionIcon-root.mantine-Group-child[class*="bazarr-"] { + color: var(--text); + } + + /* BADGES/PROGRESSBARS */ + .mantine-Progress-root[class*="bazarr-"] { + background: var(--transparency-dark-15); + } + .mantine-Badge-light.mantine-Badge-root[class*="bazarr-"] { + background-color: rgb(var(--accent-color)); + color: var(--label-text-color) + } + + [class*="mantine-MultiSelect-"].mantine-MultiSelect-value[class*="bazarr-"], + .mantine-ActionIcon-transparent.mantine-ActionIcon-root.mantine-MultiSelect-defaultValueRemove[class*="bazarr-"] { + background: rgb(var(--accent-color)); + color: var(--label-text-color) + } + +/* INPUT */ + +[class*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"], +[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"], +[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"], +[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"] { + background: var(--transparency-dark-25); + border: 1px solid var(--transparency-light-10); + color: var(--text); +} + +[class*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"]:focus, +[class*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"]:focus-within, +[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"]:focus, +[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"]:focus-within, +[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"]:focus, +[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"]:focus-within,¨ +[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"]:focus, +[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"]:focus-within { + outline: none; + border-color: rgb(var(--accent-color)) !important; + color: var(--text-hover) +} + +.mantine-NumberInput-control.mantine-NumberInput-controlUp[class*="bazarr-"] { + border-bottom-color: var(--transparency-light-10); + border-left-color: var(--transparency-light-10); +} +.mantine-NumberInput-control.mantine-NumberInput-controlDown[class*="bazarr-"] { + border-left-color: var(--transparency-light-10); +} + +.mantine-NumberInput-control.mantine-NumberInput-controlUp[class*="bazarr-"]::after { + border-color: transparent transparent var(--text); +} +.mantine-NumberInput-control.mantine-NumberInput-controlDown[class*="bazarr-"]::after { + border-color: var(--text) transparent transparent; +} + +[class*="bazarr-"].mantine-Checkbox-inner input { + background: var(--transparency-dark-15); + border: 1px solid var(--transparency-light-10); +} +[class*="bazarr-"].mantine-Checkbox-input:checked { + background-color: rgb(var(--accent-color)); + border-color: rgb(var(--accent-color)); +} +.__mantine-ref-icon[class*="bazarr-"].mantine-Checkbox-icon { + color: var(--label-text-color) +} + +[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"], +[class*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"] { + color: var(--text); +} + +textarea, [class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"] { + background: var(--transparency-dark-15); +} + +textarea:focus, [class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"]:focus, +textarea:focus-within, [class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"]:focus-within { + border-color: rgb(var(--accent-color)) !important; +} + +/* SELECT */ +.mantine-Select-wrapper[class*="bazarr-"] input, +[class*="mantine-MultiSelect-"].mantine-MultiSelect-input[class*="bazarr-"] { + background-color: var(--transparency-dark-15); + color: var(--text); + border: 1px solid var(--transparency-light-10); +} + +[class*="mantine-MultiSelect-"].mantine-MultiSelect-input[class*="bazarr-"]:focus, +[class*="mantine-MultiSelect-"].mantine-MultiSelect-input[class*="bazarr-"]:focus-within { + border-color: rgb(var(--accent-color)) !important; +} + +.mantine-Select-wrapper[class*="bazarr-"] input:focus, +.mantine-Select-wrapper[class*="bazarr-"] input:focus-within { + outline: none; + border-color: rgb(var(--accent-color)) !important; +} + +/* DROPDOWNS */ + +.mantine-Paper-root.mantine-Menu-body[class*="bazarr-"] { + border: 1px solid var(--transparency-light-10); + background: var(--drop-down-menu-bg); +} + +[class*="bazarr-"].mantine-Menu-itemInner { + color: var(--text); +} + +.mantine-Menu-item.mantine-Menu-itemHovered[class*="bazarr-"] { + background-color: var(--transparency-light-10); + color: var(--text-hover); +} +.mantine-Menu-item[class*="bazarr-"]:hover { + color: var(--text-hover); +} + +/* MODAL */ + +.mantine-Paper-root.mantine-Modal-modal[class*="bazarr-"] { + color: var(--text); + box-shadow: rgb(0 0 0 / 5%) 0px 1px 3px, rgb(0 0 0 / 5%) 0px 28px 23px -7px, rgb(0 0 0 / 4%) 0px 12px 12px -7px; + background: var(--modal-bg-color); +} + +.mantine-Divider-root.mantine-Divider-horizontal[class*="bazarr-"] { + border-top-color: var(--transparency-light-10); +} + +.mantine-ActionIcon-hover.mantine-ActionIcon-root.mantine-Modal-close[class*="bazarr-"]:hover { + background: var(--transparency-dark-15); +} + +.mantine-ActionIcon-hover.mantine-ActionIcon-root.mantine-Modal-close[class*="bazarr-"] { + color: var(--text); +} + +.mantine-ActionIcon-hover.mantine-ActionIcon-root[class*="bazarr-"] { + color: var(--text); +} + +/* RELEASES */ + +.mantine-Paper-root.mantine-Card-root[class*="bazarr-"] { + background: var(--transparency-dark-15); +} + +.mantine-List-item[class*="bazarr-"] { + color: var(--text); +} + +/* ALERTS */ + +.mantine-Alert-root.mantine-Alert-light[class*="bazarr-"] { + background: var(--transparency-dark-15); +} +[class*="bazarr-"].mantine-Alert-message { + color: var(--text); +} +[class*="bazarr-"].mantine-Alert-label { + color: var(--text-hover) +} + +/* RECHARTS */ +.recharts-default-tooltip { + background: var(--drop-down-menu-bg) !important; + border: transparent !important; +} + +.recharts-rectangle.recharts-tooltip-cursor { + fill: var(--transparency-light-15) !important; +} + +text { + stroke: none; + fill: var(--text-hover); + text-anchor: end; +} + +line { + stroke: var(--text); + fill: none; +} + +/* NOTIFICATIONS */ +.mantine-Notification-root.mantine-Notification-withIcon[class*="bazarr-"] { + background: var(--drop-down-menu-bg); +} + +code, .mantine-Code-root[class*="bazarr-"] { + background: rgb(var(--accent-color)); + color: var(--label-text-color); +} + +/* SPINNER */ + +.mantine-Notification-root.mantine-Notification-withIcon[class*="bazarr-"] svg { + stroke: rgb(var(--accent-color)); +} \ No newline at end of file From e26e29352924756871b533c23aaff112a6d5e38d Mon Sep 17 00:00:00 2001 From: GilbN Date: Fri, 15 Jul 2022 18:13:34 +0200 Subject: [PATCH 04/16] fix: :bug: Bazarr: progress bar and dropdown select fix --- css/base/bazarr/bazarr-base.css | 25 ++++++++++++++++++++++++- 1 file changed, 24 insertions(+), 1 deletion(-) diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css index 877f6361a1..d414b35536 100644 --- a/css/base/bazarr/bazarr-base.css +++ b/css/base/bazarr/bazarr-base.css @@ -1,7 +1,7 @@ @import url("/css/defaults/placeholders.css"); @import url("/css/defaults/transparent.css"); -body,#root { +body,#root,html { background: var(--main-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; @@ -348,6 +348,19 @@ textarea:focus-within, [class*="mantine-Textarea-"].mantine-Textarea-input[class color: var(--text-hover); } +.mantine-ScrollArea-root.mantine-Paper-root.mantine-Select-dropdown[class*="bazarr-"] { + background: var(--drop-down-menu-bg); + border: 1px solid var(--drop-down-menu-bg); +} + +.mantine-Select-item.mantine-Select-selected[class*="bazarr-"] { + background: var(--transparency-light-10); +} + +[class*="bazarr-"].mantine-Select-item:hover { + background: var(--transparency-dark-15) + } + /* MODAL */ .mantine-Paper-root.mantine-Modal-modal[class*="bazarr-"] { @@ -429,4 +442,14 @@ code, .mantine-Code-root[class*="bazarr-"] { .mantine-Notification-root.mantine-Notification-withIcon[class*="bazarr-"] svg { stroke: rgb(var(--accent-color)); +} + +/* PROGRESSBAR */ + +[class*="bazarr-"].mantine-Progress-bar[style="width: 100%;"] { + background: rgb(var(--accent-color)); +} + +[class*="bazarr-"].mantine-Progress-bar[style="width: 100%;"] .mantine-Text-root.mantine-Progress-label[class*="bazarr-"] { + color: var(--label-text-color); } \ No newline at end of file From a2349def4091bf6b9515869ec196cc14203a69e2 Mon Sep 17 00:00:00 2001 From: GilbN Date: Fri, 15 Jul 2022 18:14:08 +0200 Subject: [PATCH 05/16] style: :lipstick: Bazarr base formatting --- css/base/bazarr/bazarr-base.css | 133 ++++++++++++++++++++------------ 1 file changed, 85 insertions(+), 48 deletions(-) diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css index d414b35536..cd3ac19db0 100644 --- a/css/base/bazarr/bazarr-base.css +++ b/css/base/bazarr/bazarr-base.css @@ -1,7 +1,9 @@ @import url("/css/defaults/placeholders.css"); @import url("/css/defaults/transparent.css"); -body,#root,html { +body, +#root, +html { background: var(--main-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; @@ -53,11 +55,12 @@ h6 { /* SUBHEADER */ /* .mantine-Container-root[class*="bazarr-"] .mantine-Group-root[class*="bazarr-"]:not(td>*):not(.mantine-Card-root div), */ -#root > div > div > main > div > div.mantine-Group-root[class*="bazarr-"], -#root > div > div > main > div > div > div.mantine-Group-root[class*="bazarr-"], -#root > div > div > main > form > div.mantine-Group-root[class*="bazarr-"] { +#root>div>div>main>div>div.mantine-Group-root[class*="bazarr-"], +#root>div>div>main>div>div>div.mantine-Group-root[class*="bazarr-"], +#root>div>div>main>form>div.mantine-Group-root[class*="bazarr-"] { background: var(--transparency-dark-25); } + .mantine-Button-icon.mantine-Button-leftIcon[class*="bazarr-"] { color: var(--text) } @@ -69,21 +72,24 @@ h6 { background: var(--transparency-dark-25); border-right: 1px solid var(--transparency-light-15); } + .mantine-Divider-root .mantine-Divider-horizontal[class*="bazarr-"] { border-top-color: var(--transparency-light-10); } + .mantine-Navbar-root.mantine-Navbar-hidden[class*="bazarr-"] .mantine-Stack-root[class*="bazarr-"] a[aria-current="page"] { background: var(--transparency-dark-15) !important; border-left: 2px solid rgb(var(--accent-color)); } -.mantine-Navbar-root.mantine-Navbar-hidden[class*="bazarr-"] .mantine-Stack-root[class*="bazarr-"] a{ +.mantine-Navbar-root.mantine-Navbar-hidden[class*="bazarr-"] .mantine-Stack-root[class*="bazarr-"] a { border-left: 2px solid var(--transparency-light-10); } + .mantine-Navbar-root.mantine-Navbar-hidden[class*="bazarr-"] .mantine-Stack-root a [class*="bazarr-"]:hover:not(.mantine-Badge-light):not(.mantine-Badge-inner), .mantine-Navbar-root.mantine-Navbar-hidden[class*="bazarr-"] .mantine-Stack-root [class*="bazarr-"]:hover:not(.mantine-Badge-light):not(.mantine-Badge-inner) { - color: rgb(var(--accent-color)); - background: transparent; + color: rgb(var(--accent-color)); + background: transparent; } .mantine-Navbar-root[class*="bazarr-"] { @@ -95,24 +101,32 @@ h6 { [class*="bazarr-"] tbody tr { color: var(--text); } + [class*="bazarr-"] tbody tr td { border-bottom: 1px solid var(--transparency-light-10) !important; } + [class*="bazarr-"] thead tr th { border-bottom: 1px solid var(--transparency-light-20) !important; } + [class*="bazarr-"].__mantine-ref-striped tbody tr:nth-of-type(2n+1) { background: var(--transparency-dark-15) !important; } + .mantine-Table-root .__mantine-ref-striped .mantine-Table-striped[class*="bazarr-"] { color: var(--text) } -[class*="bazarr-"] thead tr th, [class*="bazarr-"] tfoot tr th { + +[class*="bazarr-"] thead tr th, +[class*="bazarr-"] tfoot tr th { color: var(--text-hover) !important; } + .mantine-Skeleton-root.mantine-Skeleton-visible[class*="bazarr-"]::after { background: var(--transparency-light-10); } + .mantine-Skeleton-root.mantine-Skeleton-visible[class*="bazarr-"]::before { background: var(--transparency-dark-25); } @@ -123,6 +137,7 @@ h6 { color: var(--button-text); background: var(--button-color); } + .mantine-Button-filled.mantine-Button-root.mantine-Group-child[class*="bazarr-"]:hover { color: var(--button-text-hover); background: var(--button-color-hover); @@ -145,6 +160,7 @@ h6 { color: var(--button-text); background: var(--button-color); } + .mantine-Button-filled.mantine-Button-root[class*="bazarr-"]:hover { color: var(--button-text-hover); background: var(--button-color-hover); @@ -176,9 +192,11 @@ h6 { .mantine-UnstyledButton-root.__mantine-ref-control.mantine-Accordion-control[class*="bazarr-"]:hover { background: var(--transparency-dark-15); } + .mantine-Accordion-item[class*="bazarr-"] { border-bottom: var(--transparency-light-10) 1px solid; } + .__mantine-ref-icon.mantine-Accordion-icon[class*="bazarr-"] { color: rgb(var(--accent-color)) } @@ -186,9 +204,11 @@ h6 { .mantine-ActionIcon-transparent.mantine-ActionIcon-root[class*="bazarr-"] { color: rgb(var(--accent-color)) } + .mantine-UnstyledButton-root[class*="bazarr-"] { color: var(--text) } + .mantine-UnstyledButton-root[class*="bazarr-"]:hover { box-shadow: rgb(0 0 0 / 5%) 0px 1px 3px, rgb(0 0 0 / 5%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px; border: 1px solid rgb(var(--accent-color)); @@ -197,53 +217,59 @@ h6 { .mantine-Slider-bar[class*="bazarr-"] { background: rgb(var(--accent-color)); } + .mantine-Slider-thumb[class*="bazarr-"] { border: 4px solid rgb(var(--accent-color)); color: var(--label-text-color); background: var(--label-text-color); } + .mantine-Slider-mark.mantine-Slider-markFilled[class*="bazarr-"] { border: 2px solid var(--label-text-color); background: var(--label-text-color); } + [class*="bazarr-"].mantine-Slider-track::before { background: var(--transparency-dark-15); } + [class*="bazarr-"].mantine-Slider-mark { border: 2px solid rgb(var(--accent-color)); background-color: rgb(var(--accent-color)) } - /* ACTION BUTTON */ - .mantine-ActionIcon-light.mantine-ActionIcon-root[class*="bazarr-"] { - background: var(--button-color); - color: var(--button-text); - border: 1px solid var(--button-color) - } - .mantine-ActionIcon-light.mantine-ActionIcon-root[class*="bazarr-"]:hover { - background: var(--button-color-hover); - color: var(--button-text-hover); - border: 1px solid var(--button-color-hover) - } - - .mantine-ActionIcon-hover.mantine-ActionIcon-root.mantine-Group-child[class*="bazarr-"] { - color: var(--text); - } - - /* BADGES/PROGRESSBARS */ - .mantine-Progress-root[class*="bazarr-"] { - background: var(--transparency-dark-15); - } - .mantine-Badge-light.mantine-Badge-root[class*="bazarr-"] { - background-color: rgb(var(--accent-color)); - color: var(--label-text-color) - } - - [class*="mantine-MultiSelect-"].mantine-MultiSelect-value[class*="bazarr-"], - .mantine-ActionIcon-transparent.mantine-ActionIcon-root.mantine-MultiSelect-defaultValueRemove[class*="bazarr-"] { - background: rgb(var(--accent-color)); - color: var(--label-text-color) - } +/* ACTION BUTTON */ +.mantine-ActionIcon-light.mantine-ActionIcon-root[class*="bazarr-"] { + background: var(--button-color); + color: var(--button-text); + border: 1px solid var(--button-color) +} + +.mantine-ActionIcon-light.mantine-ActionIcon-root[class*="bazarr-"]:hover { + background: var(--button-color-hover); + color: var(--button-text-hover); + border: 1px solid var(--button-color-hover) +} + +.mantine-ActionIcon-hover.mantine-ActionIcon-root.mantine-Group-child[class*="bazarr-"] { + color: var(--text); +} + +/* BADGES/PROGRESSBARS */ +.mantine-Progress-root[class*="bazarr-"] { + background: var(--transparency-dark-15); +} + +.mantine-Badge-light.mantine-Badge-root[class*="bazarr-"] { + background-color: rgb(var(--accent-color)); + color: var(--label-text-color) +} + +[class*="mantine-MultiSelect-"].mantine-MultiSelect-value[class*="bazarr-"], +.mantine-ActionIcon-transparent.mantine-ActionIcon-root.mantine-MultiSelect-defaultValueRemove[class*="bazarr-"] { + background: rgb(var(--accent-color)); + color: var(--label-text-color) +} /* INPUT */ @@ -261,8 +287,8 @@ h6 { [class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"]:focus, [class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"]:focus-within, [class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"]:focus, -[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"]:focus-within,¨ -[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"]:focus, +[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"]:focus-within, +¨ [class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"]:focus, [class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"]:focus-within { outline: none; border-color: rgb(var(--accent-color)) !important; @@ -273,6 +299,7 @@ h6 { border-bottom-color: var(--transparency-light-10); border-left-color: var(--transparency-light-10); } + .mantine-NumberInput-control.mantine-NumberInput-controlDown[class*="bazarr-"] { border-left-color: var(--transparency-light-10); } @@ -280,6 +307,7 @@ h6 { .mantine-NumberInput-control.mantine-NumberInput-controlUp[class*="bazarr-"]::after { border-color: transparent transparent var(--text); } + .mantine-NumberInput-control.mantine-NumberInput-controlDown[class*="bazarr-"]::after { border-color: var(--text) transparent transparent; } @@ -288,10 +316,12 @@ h6 { background: var(--transparency-dark-15); border: 1px solid var(--transparency-light-10); } + [class*="bazarr-"].mantine-Checkbox-input:checked { background-color: rgb(var(--accent-color)); border-color: rgb(var(--accent-color)); } + .__mantine-ref-icon[class*="bazarr-"].mantine-Checkbox-icon { color: var(--label-text-color) } @@ -301,12 +331,15 @@ h6 { color: var(--text); } -textarea, [class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"] { +textarea, +[class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"] { background: var(--transparency-dark-15); } -textarea:focus, [class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"]:focus, -textarea:focus-within, [class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"]:focus-within { +textarea:focus, +[class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"]:focus, +textarea:focus-within, +[class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"]:focus-within { border-color: rgb(var(--accent-color)) !important; } @@ -344,22 +377,23 @@ textarea:focus-within, [class*="mantine-Textarea-"].mantine-Textarea-input[class background-color: var(--transparency-light-10); color: var(--text-hover); } + .mantine-Menu-item[class*="bazarr-"]:hover { color: var(--text-hover); } .mantine-ScrollArea-root.mantine-Paper-root.mantine-Select-dropdown[class*="bazarr-"] { background: var(--drop-down-menu-bg); - border: 1px solid var(--drop-down-menu-bg); + border: 1px solid var(--drop-down-menu-bg); } .mantine-Select-item.mantine-Select-selected[class*="bazarr-"] { - background: var(--transparency-light-10); + background: var(--transparency-light-10); } [class*="bazarr-"].mantine-Select-item:hover { background: var(--transparency-dark-15) - } +} /* MODAL */ @@ -400,9 +434,11 @@ textarea:focus-within, [class*="mantine-Textarea-"].mantine-Textarea-input[class .mantine-Alert-root.mantine-Alert-light[class*="bazarr-"] { background: var(--transparency-dark-15); } + [class*="bazarr-"].mantine-Alert-message { color: var(--text); } + [class*="bazarr-"].mantine-Alert-label { color: var(--text-hover) } @@ -433,7 +469,8 @@ line { background: var(--drop-down-menu-bg); } -code, .mantine-Code-root[class*="bazarr-"] { +code, +.mantine-Code-root[class*="bazarr-"] { background: rgb(var(--accent-color)); color: var(--label-text-color); } @@ -449,7 +486,7 @@ code, .mantine-Code-root[class*="bazarr-"] { [class*="bazarr-"].mantine-Progress-bar[style="width: 100%;"] { background: rgb(var(--accent-color)); } - + [class*="bazarr-"].mantine-Progress-bar[style="width: 100%;"] .mantine-Text-root.mantine-Progress-label[class*="bazarr-"] { color: var(--label-text-color); } \ No newline at end of file From 18e387870f49af03a2e078d64e1cdf1f5430e4d0 Mon Sep 17 00:00:00 2001 From: GilbN Date: Fri, 15 Jul 2022 18:21:50 +0200 Subject: [PATCH 06/16] fix: :bug: Bazarr: Search dropdown background fix --- css/base/bazarr/bazarr-base.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css index cd3ac19db0..b44c9746a7 100644 --- a/css/base/bazarr/bazarr-base.css +++ b/css/base/bazarr/bazarr-base.css @@ -395,6 +395,12 @@ textarea:focus-within, background: var(--transparency-dark-15) } +.mantine-ScrollArea-root.mantine-Paper-root.mantine-Autocomplete-dropdown[class*="bazarr-"] { + background: var(--drop-down-menu-bg); + color: var(--text); + border: 1px solid var(--drop-down-menu-bg); +} + /* MODAL */ .mantine-Paper-root.mantine-Modal-modal[class*="bazarr-"] { From 450ecff828c4571e4b83c9c7ac9a205e0a6f2f86 Mon Sep 17 00:00:00 2001 From: GilbN Date: Fri, 15 Jul 2022 18:37:19 +0200 Subject: [PATCH 07/16] fix: :bug: Bazarr: Loading spinner og notification fixes --- css/base/bazarr/bazarr-base.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css index b44c9746a7..461950650f 100644 --- a/css/base/bazarr/bazarr-base.css +++ b/css/base/bazarr/bazarr-base.css @@ -471,8 +471,10 @@ line { } /* NOTIFICATIONS */ -.mantine-Notification-root.mantine-Notification-withIcon[class*="bazarr-"] { +.mantine-Notification-root.mantine-Notification-withIcon[class*="bazarr-"], +.mantine-Notification-root[class*="bazarr-"] { background: var(--drop-down-menu-bg); + border: 1px solid var(--drop-down-menu-bg); } code, @@ -495,4 +497,10 @@ code, [class*="bazarr-"].mantine-Progress-bar[style="width: 100%;"] .mantine-Text-root.mantine-Progress-label[class*="bazarr-"] { color: var(--label-text-color); +} + +/* LOADER */ + +.mantine-LoadingOverlay-root[class*="bazarr-"] svg { + stroke: rgb(var(--accent-color)); } \ No newline at end of file From 49f39b85c629bfbd8c19cbfa3826d2a2e5fad742 Mon Sep 17 00:00:00 2001 From: GilbN Date: Fri, 15 Jul 2022 18:51:06 +0200 Subject: [PATCH 08/16] fix: :bug: Bazarr: bazarr-darker fix --- .../bazarr/bazarr-darker/bazarr-darker.css | 25 ++++++------------- 1 file changed, 7 insertions(+), 18 deletions(-) diff --git a/css/addons/bazarr/bazarr-darker/bazarr-darker.css b/css/addons/bazarr/bazarr-darker/bazarr-darker.css index 3422e0fc53..e4514d9870 100644 --- a/css/addons/bazarr/bazarr-darker/bazarr-darker.css +++ b/css/addons/bazarr/bazarr-darker/bazarr-darker.css @@ -37,30 +37,19 @@ } /* HEADER */ -.header-container .bg-primary { +.mantine-Header-root[class*="bazarr-"] { background-color: var(--header-color) !important; + border-bottom: 1px solid var(--transparency-light-15); } /* SIDE MENU */ -.sidebar-container { +.mantine-Navbar-root[class*="bazarr-"] { background-color: var(--side-menu-color) !important; color: white !important; } -.sidebar-container .sidebar-button { - color: var(--side-menu-link-color) !important; -} - -.sidebar-container .sidebar-button { - background-color: var(--side-menu-color) !important; -} -.sidebar-container .sidebar-button.sb-active, .sidebar-container .sidebar-button.sb-active:hover { - color: var(--side-menu-link-color) !important; - background-color: var(--side-menu-active) !important; -} - - -.sidebar-container .sidebar-button:hover { - background-color: var(--side-menu-active) !important; - color: var(--side-menu-link-color) !important; +#root>div>div>main>div>div.mantine-Group-root[class*="bazarr-"], +#root>div>div>main>div>div>div.mantine-Group-root[class*="bazarr-"], +#root>div>div>main>form>div.mantine-Group-root[class*="bazarr-"] { + background: #262626 !important; } \ No newline at end of file From de15e78c706f4ae7ad6c44548172314b9eca446f Mon Sep 17 00:00:00 2001 From: GilbN Date: Fri, 15 Jul 2022 19:02:58 +0200 Subject: [PATCH 09/16] fix: :bug: Bazarr: pagination fix --- css/base/bazarr/bazarr-base.css | 21 ++++++++++++++++++++- 1 file changed, 20 insertions(+), 1 deletion(-) diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css index 461950650f..5f6bf9de02 100644 --- a/css/base/bazarr/bazarr-base.css +++ b/css/base/bazarr/bazarr-base.css @@ -56,7 +56,7 @@ h6 { /* .mantine-Container-root[class*="bazarr-"] .mantine-Group-root[class*="bazarr-"]:not(td>*):not(.mantine-Card-root div), */ #root>div>div>main>div>div.mantine-Group-root[class*="bazarr-"], -#root>div>div>main>div>div>div.mantine-Group-root[class*="bazarr-"], +#root>div>div>main>div>div>div.mantine-Group-root[class*="bazarr-"]:not([role="navigation"]), #root>div>div>main>form>div.mantine-Group-root[class*="bazarr-"] { background: var(--transparency-dark-25); } @@ -131,6 +131,25 @@ h6 { background: var(--transparency-dark-25); } +/* PAGINATION */ + +.mantine-Group-child.mantine-Pagination-item { + border: 1px solid var(--transparency-light-10); + background: var(--transparency-dark-15); + color: var(--text); +} + +.mantine-Group-child.mantine-Pagination-item[class*="bazarr-"]:disabled { + background: var(--transparency-light-15); + color: var(--text-muted); +} + +.mantine-Group-child.mantine-Pagination-item.mantine-Pagination-active[class*="bazarr-"] { + background: rgb(var(--accent-color)); + color: var(--label-text-color); +} + + /* BUTTONS */ .mantine-Button-filled.mantine-Button-root.mantine-Group-child[class*="bazarr-"] { From bf8589feba1b9dd29f8e3d9eedd7e3f088c5e651 Mon Sep 17 00:00:00 2001 From: GilbN Date: Fri, 15 Jul 2022 19:08:12 +0200 Subject: [PATCH 10/16] fix: :bug: Bazarr: blockquote color fix --- css/base/bazarr/bazarr-base.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css index 5f6bf9de02..8aecb03afd 100644 --- a/css/base/bazarr/bazarr-base.css +++ b/css/base/bazarr/bazarr-base.css @@ -41,7 +41,8 @@ h2, h3, h4, h5, -h6 { +h6, +.mantine-Blockquote-icon { color: var(--text-hover) !important; } From d9de23a109b459380635dd0724edd4713895d33f Mon Sep 17 00:00:00 2001 From: GilbN Date: Fri, 15 Jul 2022 19:10:40 +0200 Subject: [PATCH 11/16] fix: :bug: Bazarr: dropdown hover fix --- css/base/bazarr/bazarr-base.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css index 8aecb03afd..e72e19405f 100644 --- a/css/base/bazarr/bazarr-base.css +++ b/css/base/bazarr/bazarr-base.css @@ -421,6 +421,10 @@ textarea:focus-within, border: 1px solid var(--drop-down-menu-bg); } +.mantine-Autocomplete-item.mantine-Autocomplete-hovered[class*="bazarr-"] { + background: var(--transparency-dark-15); +} + /* MODAL */ .mantine-Paper-root.mantine-Modal-modal[class*="bazarr-"] { From 37db1993c01ef126d42ecf513ab8373f6a9fea07 Mon Sep 17 00:00:00 2001 From: GilbN Date: Fri, 15 Jul 2022 19:12:11 +0200 Subject: [PATCH 12/16] fix: :bug: Bazarr: unstyled button border fix --- css/base/bazarr/bazarr-base.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css index e72e19405f..a4ec3e251f 100644 --- a/css/base/bazarr/bazarr-base.css +++ b/css/base/bazarr/bazarr-base.css @@ -226,7 +226,8 @@ h6, } .mantine-UnstyledButton-root[class*="bazarr-"] { - color: var(--text) + color: var(--text); + border: 1px solid var(--transparency-light-10); } .mantine-UnstyledButton-root[class*="bazarr-"]:hover { From 7b9ce0d184cf9d37cee73f86ed174e1aedc14409 Mon Sep 17 00:00:00 2001 From: GilbN Date: Fri, 15 Jul 2022 19:17:03 +0200 Subject: [PATCH 13/16] fix: :bug: Bazarr: dropdrown color fix, code block traceback fix --- css/base/bazarr/bazarr-base.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css index a4ec3e251f..cb75a07efb 100644 --- a/css/base/bazarr/bazarr-base.css +++ b/css/base/bazarr/bazarr-base.css @@ -426,6 +426,10 @@ textarea:focus-within, background: var(--transparency-dark-15); } +[class*="bazarr-"].mantine-Autocomplete-item { + color: var(--text); +} + /* MODAL */ .mantine-Paper-root.mantine-Modal-modal[class*="bazarr-"] { @@ -508,6 +512,11 @@ code, color: var(--label-text-color); } +.mantine-Code-root.mantine-Code-block[class*="bazarr-"] { + background: var(--transparency-dark-15); + color: var(text); +} + /* SPINNER */ .mantine-Notification-root.mantine-Notification-withIcon[class*="bazarr-"] svg { From e32c6204421cdf9489eb9a3c22f9ef51cbee46c8 Mon Sep 17 00:00:00 2001 From: GilbN Date: Fri, 15 Jul 2022 19:19:33 +0200 Subject: [PATCH 14/16] Bazarr: typo fix --- css/base/bazarr/bazarr-base.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css index cb75a07efb..c4208ab322 100644 --- a/css/base/bazarr/bazarr-base.css +++ b/css/base/bazarr/bazarr-base.css @@ -309,7 +309,7 @@ h6, [class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"]:focus-within, [class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"]:focus, [class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"]:focus-within, -¨ [class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"]:focus, +[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"]:focus, [class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"]:focus-within { outline: none; border-color: rgb(var(--accent-color)) !important; From 5d19fcb77c5cf30f6377a1f6a7967893841f4864 Mon Sep 17 00:00:00 2001 From: GilbN Date: Fri, 15 Jul 2022 19:39:51 +0200 Subject: [PATCH 15/16] fix: :bug: Bazarr: mobile fixes, 4k addon fix --- .../bazarr/bazarr-4k-logo/bazarr-4k-logo.css | 40 ++++++------------- css/base/bazarr/bazarr-base.css | 10 ++--- 2 files changed, 17 insertions(+), 33 deletions(-) diff --git a/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css b/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css index 009d20105d..7b31e22548 100644 --- a/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css +++ b/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css @@ -1,35 +1,19 @@ -/* Desktop */ -@media (min-width: 752px) { - .header-icon.px-3.m-0.d-none.d-md-block img { + .mantine-Avatar-root[class*="bazarr-"] img { display: none !important; } - .header-icon.px-3.m-0.d-none.d-md-block:before { - background-image: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png"); - display: inline-block; - width: 32px; - height: 32px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - } -} -/* Mobile */ -@media (max-width: 767px) { - .sidebar-title.d-flex.align-items-center.d-md-none.container img { - display: none !important; - } - .sidebar-title.d-flex.align-items-center.d-md-none.container:before { + .mantine-Avatar-root[class*="bazarr-"]:before { background-image: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png"); display: inline-block; - width: 32px; + width: 32px; height: 32px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; + content: ""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; -o-background-size: cover; - } -} + } + + #root>div>nav>div>div.mantine-Group-root.mantine-Group-child[class*="bazarr-"]>div>span:after { + content: " 4K"; + } \ No newline at end of file diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css index c4208ab322..8f42db922c 100644 --- a/css/base/bazarr/bazarr-base.css +++ b/css/base/bazarr/bazarr-base.css @@ -69,7 +69,7 @@ h6, /* SIDEMENU */ -.mantine-Navbar-root.mantine-Navbar-hidden[class*="bazarr-"] { +.mantine-Navbar-root[class*="bazarr-"] { background: var(--transparency-dark-25); border-right: 1px solid var(--transparency-light-15); } @@ -78,17 +78,17 @@ h6, border-top-color: var(--transparency-light-10); } -.mantine-Navbar-root.mantine-Navbar-hidden[class*="bazarr-"] .mantine-Stack-root[class*="bazarr-"] a[aria-current="page"] { +.mantine-Navbar-root[class*="bazarr-"] .mantine-Stack-root[class*="bazarr-"] a[aria-current="page"] { background: var(--transparency-dark-15) !important; border-left: 2px solid rgb(var(--accent-color)); } -.mantine-Navbar-root.mantine-Navbar-hidden[class*="bazarr-"] .mantine-Stack-root[class*="bazarr-"] a { +.mantine-Navbar-root[class*="bazarr-"] .mantine-Stack-root[class*="bazarr-"] a { border-left: 2px solid var(--transparency-light-10); } -.mantine-Navbar-root.mantine-Navbar-hidden[class*="bazarr-"] .mantine-Stack-root a [class*="bazarr-"]:hover:not(.mantine-Badge-light):not(.mantine-Badge-inner), -.mantine-Navbar-root.mantine-Navbar-hidden[class*="bazarr-"] .mantine-Stack-root [class*="bazarr-"]:hover:not(.mantine-Badge-light):not(.mantine-Badge-inner) { +.mantine-Navbar-root[class*="bazarr-"] .mantine-Stack-root a [class*="bazarr-"]:hover:not(.mantine-Badge-light):not(.mantine-Badge-inner), +.mantine-Navbar-root[class*="bazarr-"] .mantine-Stack-root [class*="bazarr-"]:hover:not(.mantine-Badge-light):not(.mantine-Badge-inner) { color: rgb(var(--accent-color)); background: transparent; } From 7b275a335eacce07600e07f20981fa99401fd1c5 Mon Sep 17 00:00:00 2001 From: GilbN Date: Fri, 15 Jul 2022 19:46:37 +0200 Subject: [PATCH 16/16] Delete old bazarr base --- css/base/bazarr/bazarr-base-old.css | 858 ---------------------------- 1 file changed, 858 deletions(-) delete mode 100644 css/base/bazarr/bazarr-base-old.css diff --git a/css/base/bazarr/bazarr-base-old.css b/css/base/bazarr/bazarr-base-old.css deleted file mode 100644 index 4fe9f307d2..0000000000 --- a/css/base/bazarr/bazarr-base-old.css +++ /dev/null @@ -1,858 +0,0 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -@import url("/css/defaults/placeholders.css"); -@import url("/css/defaults/transparent.css"); - -* { - outline: none; -} - -body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -/* scroller */ -::-webkit-scrollbar-corner { - background-color: var(--transparency-dark-10); -} - -::-webkit-scrollbar { - width: 10px; - height: 10px; - background: #1f1f1f; -} - -::-webkit-scrollbar-thumb { - -webkit-border-radius: 5px; - border-radius: 5px; - background-color: var(--transparency-light-35) !important; -} - -a, -.page-link { - color: var(--link-color); -} - -a:hover { - color: var(--link-color-hover); -} - -/* Pagination */ -.page-item.active .page-link { - z-index: 3; - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.page-link { - background-color: var(--transparency-light-10); - border: 1px solid var(--transparency-light-10); -} - -.page-link:hover { - color: var(--link-color-hover); - text-decoration: none; - background-color: var(--transparency-dark-15); - border: 1px solid var(--transparency-light-10); -} - -.page-item.disabled .page-link { - color: var(--link-color); - background-color: var(--transparency-light-10); - border: 1px solid var(--transparency-light-10); -} - -.page-link:focus { - z-index: 3; - outline: 0; - box-shadow: 0 0 0 0.2rem rgb(var(--accent-color) / 25%); -} - -/* TEXT */ -.text-muted { - color: var(--text-muted) !important; -} - -.table { - color: var(--text); -} - -.table thead th { - color: var(--text-hover); -} - -.table-striped tbody tr:nth-of-type(odd) { - background-color: var(--transparency-dark-15); -} - -.text-dark { -color: var(--text-hover)!important; -} -.text-secondary { -color: var(--text)!important; -} -.dropdown-item.disabled, .dropdown-item:disabled { -color: var(--text-muted); -pointer-events: none; -background-color: transparent; -} - - -h1, -h2, -h3, -h4, -h5, -h6, -.custom-control-label, -label, -.modal-header { - color: var(--text-hover); -} - -/* Form Stuff */ - -.header-container input[type=text] { - padding: 0; - transition: none; - color: var(--text-hover); - border-radius: 0; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, .3) !important; - background-color: transparent; -} - -.header-container input[type=text]:focus { - box-shadow: none; - color: var(--text-hover); - background-color: transparent !important; - border-color: rgb(var(--accent-color)) !important; -} - -.form-control { - color: var(--text-hover); - background-color: var(--transparency-light-10); - border: 1px solid var(--transparency-light-10); -} - -.form-control:focus { - background-color: var(--transparency-light-25) !important; - border-color: var(--transparency-light-25) !important; - outline: 0; - box-shadow: none; - color: var(--text-hover); -} - -.form-control:disabled, -.form-control[readonly] { - background-color: var(--transparency-light-15); - opacity: .7; - color: var(--text-hover); - border: 1px solid var(--transparency-light-15); -} - -:root .form-control:focus { - box-shadow: none !important; - border-color: transparent !important; -} - -.form-group i { - color: var(--text-hover); -} - -.bootstrap-tagsinput { - color: var(--text); - background: var(--transparency-dark-25) !important; - border: 1px solid transparent !important; - -} - -.bootstrap-tagsinput.focus { - background-color: #fff !important; - border-color: transparent; - outline: 0; - box-shadow: none; - color: black; -} - -.input-group-text { - color: var(--text); - background: var(--transparency-dark-25); - border: 1px solid transparent; -} - -.custom-chip-input .main-input { - background: transparent; - color: var(--text); -} - -.custom-chip-input:focus-within { - border-color: var(--transparency-light-10); -} - -.custom-chip-input .custom-chip { - color: var(--button-text); - background-color: var(--button-color); -} - -.custom-selector .selector__control .selector__multi-value, -.selector__multi-value__label { - background: var(--button-color); - color: var(--button-text); -} - -/* SIDEBAR */ -.sidebar-container { - background: var(--transparency-dark-25); -} - -.sidebar-container .sidebar-button, -.sidebar-container .button { - color: var(--text) !important; - background: transparent -} - -.sidebar-container .sidebar-button:active, -.sidebar-container .sidebar-button:focus { - color: rgb(var(--accent-color)) !important; - background-color: var(--transparency-dark-15) !important; -} - -.sidebar-container .sidebar-button:hover, -.sidebar-container .button:hover { - background-color: transparent !important; - color: rgb(var(--accent-color)) !important; -} - -.content-header.bg-dark .btn-dark:hover { - color: rgb(var(--accent-color)); -} - -.sidebar-container .sidebar-button.sb-active, -.sidebar-container .sidebar-button.sb-active:hover, -.sidebar-container .button.active { - background-color: var(--transparency-dark-15) !important; - color: rgb(var(--accent-color)) !important; -} - -.content-header.bg-dark>button { - color: var(--text); -} - -.content-header.bg-dark>button:hover { - color: var(--text-hover); -} - -.content-header.bg-dark .btn-dark { - color: var(--text); -} - -.btn-dark.disabled:hover, -.btn-dark:disabled:hover { - color: var(--text) !important; -} - - -.sidebar-container .sidebar-collapse-box.active:before, -.sidebar-container .sidebar-button.sb-active:before { - background-color: rgb(var(--accent-color)); -} - -@media (max-width: 767.98px) { - - .sidebar-container.open, - .sidebar-container { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - } -} - -.sidebar-container .badge-secondary { - color: var(--label-text-color); - background-color: var(--arr-queue-color); -} - -/* TOP NAV BAR */ -.header-container .bg-primary { - background: var(--transparency-dark-35) !important; -} - -.header-container .btn-primary { - color: var(--button-text); - background-color: transparent; - border-color: transparent; -} - -.header-container .btn-primary.focus, -.header-container .btn-primary:focus, -.header-container .btn-primary:hover { - color: var(--button-text-hover); - background-color: transparent; - border-color: transparent; -} - -.header-container .btn-primary:not(:disabled):not(.disabled).active, -.header-container .btn-primary:not(:disabled):not(.disabled):active, -.header-container .show>.btn-primary.dropdown-toggle { - color: var(--button-text-hover); - background-color: transparent; - border-color: transparent; -} - -/* PAGES */ -.content-header.bg-dark { - background: var(--main-bg-color) !important; - background-repeat: repeat, no-repeat !important; - background-attachment: fixed, fixed !important; - background-position: center center, center center !important; - background-size: auto, cover !important; - -webkit-background-size: auto, cover !important; - -moz-background-size: auto, cover !important; - -o-background-size: auto, cover !important; - border-bottom: solid 1px var(--transparency-light-10); - -} - -/* LOGIN */ -.bg-light { - background: var(--main-bg-color) !important; - background-repeat: repeat, no-repeat !important; - background-attachment: fixed, fixed !important; - background-position: center center, center center !important; - background-size: auto, cover !important; - -webkit-background-size: auto, cover !important; - -moz-background-size: auto, cover !important; - -o-background-size: auto, cover !important; -} - -.auth-card { - border: 1px solid transparent; -} - -.auth-card .card-footer { - background-color: transparent; - border-top: 1px solid var(--transparency-light-10); -} - -hr { - border-top: 1px solid var(--transparency-light-10); -} - - -.card { - background-color: var(--transparency-dark-45); - box-shadow: 0 0 10px 1px #000000; - color: var(--text); -} -.card-header { - border-bottom: 1px solid var(--transparency-light-10); -} - -.settings-card:hover, -.settings-card:focus { - border-color: transparent; - color: var(--text-hover); -} - -.alert-secondary { - color: var(--text); - background-color: var(--transparency-light-15); - border-color: var(--transparency-light-15); -} - -/* Series page */ -.progress-bar { - background-color: var(--accent-color); - text-shadow: none; -} - -.progress { - background-color: var(--transparency-light-20); -} - -.progress-bar.bg-primary { - background: rgb(var(--accent-color)) !important; - color: var(--label-text-color) !important; -} - -.progress-bar.bg-warning { - color: #212529; - background-color: rgba(255, 193, 7, .8) !important; -} - -.badge-warning { - color: #212529; - background-color: rgba(255, 193, 7, .8); -} - -.badge-primary { - color: var(--label-text-color); - background-color: rgb(var(--accent-color)); -} - -.text-truncate.badge.badge-secondary { - color: var(--label-text-color); - background-color: rgb(var(--accent-color)); -} - -.popover { - background-color: var(--drop-down-menu-bg); - border: 1px solid var(--transparency-light-20); -} - -.bs-popover-auto[x-placement^=top]>.arrow:after, -.bs-popover-top>.arrow:after { - border-top-color: var(--transparency-light-50); -} - -.popover-header { - background-color: var(--drop-down-menu-bg); - border-bottom: 1px solid var(--transparency-light-10); - -} - -.popover-body { - color: var(--text) -} - -.spinner-border { - color: rgb(var(--accent-color)); -} - -/* Modal */ - -.modal-content { - box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1); - border-radius: 3px; - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -.modal-header { - background: var(--modal-header-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border-bottom: 1px solid var(--accent-color); - -} - -.modal-footer { - background: var(--modal-footer-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border-top: 1px solid var(--accent-color); -} - -.modal-content .badge-secondary { - color: var(--text-hover); - background-color: var(--accent-color); - padding: 5px; -} - -.modal-content button:focus { - outline: none !important; -} - -.close { - float: right; - font-size: 1.5rem; - font-weight: 700; - line-height: 1; - color: var(--text); - text-shadow: 0 1px 0 var(--text); - opacity: .5; -} - -.close:hover { - color: var(--text-hover) !important; - text-decoration: none; -} - -/* BUTTONS */ - -.btn-primary, -.btn-outline-secondary { - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.btn-primary.focus, -.btn-primary:focus, -.btn-primary:hover, -.btn-outline-secondary:hover, -.btn-outline-secondary.focus, -.btn-outline-secondary:focus { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-primary:not(:disabled):not(.disabled).active, -.btn-primary:not(:disabled):not(.disabled):active, -.show>.btn-primary.dropdown-toggle { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-primary:not(:disabled):not(.disabled).active:focus, -.btn-primary:not(:disabled):not(.disabled):active:focus, -.show>.btn-primary.dropdown-toggle:focus, -.btn-primary.focus, -.btn-primary:focus { - box-shadow: 0 0 0 0.2rem rgba(var(--accent-color), .5); -} - -.btn-primary.disabled, -.btn-primary:disabled { - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.btn-dark.disabled, -.btn-dark:disabled { - color: var(--text-muted); - background-color: transparent; - border-color: transparent; -} - -.btn-dark.disabled:hover, -.btn-dark:disabled:hover { - color: var(--text-muted); - background-color: transparent; - border-color: transparent; -} - -.btn-dark { - color: var(--button-text); - background-color: transparent; - /* rgba(var(--accent-color),.5)*/ - border-color: transparent; -} - -.btn-dark.focus, -.btn-dark:focus, -.btn-dark:hover { - color: var(--button-text-hover); - background-color: transparent; - /* rgba(var(--accent-color),.8) */ - border-color: transparent; -} - -.btn-dark.focus, -.btn-dark:focus { - box-shadow: 0 0 0 0.2rem transparent; -} - -.btn-dark:not(:disabled):not(.disabled).active, -.btn-dark:not(:disabled):not(.disabled):active, -.show>.btn-dark.dropdown-toggle { - color: var(--button-text-hover); - background-color: transparent; - border-color: transparent; -} - -.btn-dark:not(:disabled):not(.disabled).active:focus, -.btn-dark:not(:disabled):not(.disabled):active:focus, -.show>.btn-dark.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem transparent; -} - -.btn-light { - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.btn-light.focus, -.btn-light:focus, -.btn-light:hover { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-light.disabled, -.btn-light:disabled { - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.btn-light:not(:disabled):not(.disabled).active, -.btn-light:not(:disabled):not(.disabled):active, -.show>.btn-light.dropdown-toggle, -.btn-light.focus, -.btn-light:focus { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-light:not(:disabled):not(.disabled).active:focus, -.btn-light:not(:disabled):not(.disabled):active:focus, -.show>.btn-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem transparent; -} - -.custom-control-input:focus~.custom-control-label:before { - box-shadow: 0 0 0 0.2rem var(--transparency-light-10); -} - -.custom-control-input:checked~.custom-control-label:before { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); -} - -.custom-control-input:focus~.custom-control-label:before { - box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25) -} - -.custom-control-input:focus:not(:checked)~.custom-control-label:before { - border-color: var(--accent-color); -} - -.custom-control-input:not(:disabled):active~.custom-control-label:before { - color: var(--text-hover); - background-color: rgb(var(--accent-color)); - border-color: rgb(var(--accent-color)); -} - -.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); -} - -.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before { - background-color: rgba(var(--accent-color), .5) -} - -.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before { - background-color: rgba(var(--accent-color), .5) -} - -.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before { - background-color: rgba(var(--accent-color), .5) -} - -.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before { - background-color: rgba(var(--accent-color), .5) -} - -.custom-checkbox .custom-control-input:checked~.custom-control-label:after { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E"); -} - -input { - color: var(--text-hover) !important; -} - -.custom-select:focus { - border-color: rgb(var(--accent-color)); - outline: 0; - box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25) -} - -.custom-file-input:focus~.custom-file-label { - border-color: rgb(var(--accent-color)); - box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25) -} - -/* DROPDOWN MENU */ -.dropdown-menu, -.dropdown-header { - color: var(--text); - background: var(--drop-down-menu-bg); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -.dropdown-item { - color: var(--text); -} - -.dropdown-item:focus, -.dropdown-item:hover { - color: var(--text-hover); - background-color: var(--transparency-dark-10); -} - -.custom-selector .selector__control { - background: var(--transparency-dark-25); - border-color: rgba(0, 0, 0, 0) !important; - color: var(--text-hover); -} - -[class$="-singleValue"], -[class$="-placeholder"], -[class$="-indicatorContainer"] { - color: var(--text) !important; -} - -[class$="-indicatorContainer"]:hover { - color: var(--text-hover); -} - -.custom-selector .selector__control--is-focused { - border-color: var(--transparency-light-20) !important; -} - -.selector__menu { - background: var(--drop-down-menu-bg) !important; - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text) -} - -.custom-selector .selector__option--is-selected:active { - background-color: var(--transparency-light-10) !important; -} - -.custom-selector .selector__option--is-focused { - background-color: rgba(var(--accent-color), .2); - color: var(--text-hover); -} - -.custom-selector .selector__option--is-focused:active, -.custom-selector .selector__option--is-focused:focus { - background-color: rgba(var(--accent-color), .2); - color: var(--text-hover); -} - -.custom-selector .selector__option--is-selected { - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -.custom-selector .selector__option--is-selected:active { - background-color: rgb(var(--accent-color)); -} - -.custom-rc-slider .rc-slider-track { - background: var(--button-color); -} - -.custom-rc-slider .rc-slider-handle { - border: 3px solid var(--button-color); -} - -.custom-rc-slider .rc-slider-handle:hover, -.custom-rc-slider .rc-slider-handle:active { - border-color: var(--button-color-hover); -} - - -/* RECHARTS */ -.recharts-default-tooltip { - background: var(--drop-down-menu-bg) !important; - border: transparent !important; -} - -.recharts-rectangle.recharts-tooltip-cursor { - fill: var(--transparency-light-15) !important; -} - -text { - stroke: none; - fill: var(--text-hover); - text-anchor: end; -} - -line { - stroke: var(--text); - fill: none; -} - - -/* TOASTS */ -.toast { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border: 1px solid rgba(0, 0, 0, .1); - box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1); - color: var(--text) -} - -.toast-header { - color: var(--text-hover); - background: var(--transparency-dark-35); - border-bottom: 1px solid rgba(0, 0, 0, .05); -} - -.alert-container .toast-container .toast .toast-body .progress .progress-bar { - text-shadow: -2px -2px 5px rgba(var(--accent-color), .35), 2px -2px 5px rgba(var(--accent-color), .35), -2px 2px 5px rgba(var(--accent-color), .35), 2px 2px 5px rgba(var(--accent-color), .35); - overflow: visible -} - -.progress-bar-striped { - background-image: linear-gradient(45deg, rgba(var(--accent-color), .5) 25%, transparent 0, transparent 50%, rgba(var(--accent-color), .5) 0, rgba(var(--accent-color), .5) 75%, transparent 0, transparent); - background-size: 1rem 1rem -} - -.notification-btn .notification-center-progress .progress .progress-bar { - text-shadow: -2px -2px 5px rgb(var(--accent-color)), 2px -2px 5px rgb(var(--accent-color)), -2px 2px 5px rgb(var(--accent-color)), 2px 2px 5px rgb(var(--accent-color)); -} -/* LOGS */ -/* Stack traceback */ -code.zmdi-language-python-alt { - color: var(--text); -} \ No newline at end of file