From fb591ec7da0e97551db143da882667a5266a69fe Mon Sep 17 00:00:00 2001 From: GilbN Date: Tue, 15 Feb 2022 22:23:27 +0100 Subject: [PATCH 01/11] meta color --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index e1e6ef0c..3b48e89c 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ theme.park - A collection of themes/skins for your favorite apps! - + From 94478979389265c96f2218496e641c560c01cce9 Mon Sep 17 00:00:00 2001 From: GilbN Date: Wed, 16 Feb 2022 18:34:56 +0100 Subject: [PATCH 02/11] Sonarr: Fix Collapse Multiple Episodes text color --- css/base/sonarr/sonarr-base.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css index e87d9898..df522e45 100644 --- a/css/base/sonarr/sonarr-base.css +++ b/css/base/sonarr/sonarr-base.css @@ -941,11 +941,11 @@ input:focus:-ms-input-placeholder { } [class*="CalendarEventGroup-airTime-"] { - color: var(--text); + color: #fff; } [class*="CalendarEventGroup-episodeInfo-"] { - color: var(--text); + color: #fff; } /* calendar agenda */ From e394a6b8fe651cb085fad7752a4e0cd3bcb9e0ef Mon Sep 17 00:00:00 2001 From: GilbN Date: Wed, 16 Feb 2022 21:34:18 +0100 Subject: [PATCH 03/11] added animate.css --- index.html | 3 +- resources/landing-page/css/custom.css | 70 +++++++++++++++------------ 2 files changed, 41 insertions(+), 32 deletions(-) diff --git a/index.html b/index.html index 3b48e89c..c7b0da1d 100644 --- a/index.html +++ b/index.html @@ -37,6 +37,7 @@ + @@ -176,7 +177,7 @@
- +
diff --git a/resources/landing-page/css/custom.css b/resources/landing-page/css/custom.css index f49b0159..e82c05cd 100644 --- a/resources/landing-page/css/custom.css +++ b/resources/landing-page/css/custom.css @@ -2,7 +2,7 @@ --about: linear-gradient(to bottom, rgba(0, 0, 0, 1.0), rgba(87, 109, 117, 0)), var(--main-bg-color); } -.bg-primary { +.bg-primary { background: var(--about) !important; background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; @@ -307,23 +307,14 @@ p { line-height: 1.2; } -@keyframes glowing { - 0% { - background-color: var(--button-color); - box-shadow: 0 0 5px rgba(var(--accent-color), 0.502); - } - 50% { - background-color: var(--button-color-hover); - box-shadow: 0 0 10px rgba(var(--accent-color)); - } - 100% { - background-color: var(--button-color); - box-shadow: 0 0 5px rgba(var(--accent-color), 0.502) - } - } -.click-me-btn { - animation: glowing 1300ms infinite; +.animate__animated.animate__pulse { + --animate-duration: 1.5s; +} + +.animate__pulse:hover { + box-shadow: 0 0 10px rgba(var(--accent-color), 0.502); } + /* @media (min-width: 992px) { .portfolio-box img { object-fit: cover; @@ -341,7 +332,7 @@ p { } #portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.hotline-hover { - background: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%); + background: linear-gradient(0deg, rgba(247, 101, 184, 1) 0%, rgb(21, 95, 165) 100%); } #portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.space-gray-hover { @@ -379,39 +370,56 @@ p { @keyframes fadein { from { - opacity:0; + opacity: 0; } + to { - opacity:1; + opacity: 1; } } -@-moz-keyframes fadein { /* Firefox */ + +@-moz-keyframes fadein { + + /* Firefox */ from { - opacity:0; + opacity: 0; } + to { - opacity:1; + opacity: 1; } } -@-webkit-keyframes fadein { /* Safari and Chrome */ + +@-webkit-keyframes fadein { + + /* Safari and Chrome */ from { - opacity:0; + opacity: 0; } + to { - opacity:1; + opacity: 1; } } -@-o-keyframes fadein { /* Opera */ + +@-o-keyframes fadein { + + /* Opera */ from { - opacity:0; + opacity: 0; } + to { opacity: 1; } } + body { animation: fadein 2s; - -moz-animation: fadein 2s; /* Firefox */ - -webkit-animation: fadein 2s; /* Safari and Chrome */ - -o-animation: fadein 2s; /* Opera */ + -moz-animation: fadein 2s; + /* Firefox */ + -webkit-animation: fadein 2s; + /* Safari and Chrome */ + -o-animation: fadein 2s; + /* Opera */ } \ No newline at end of file From b8a6665e724b9c016036c39525a18bc11584b65e Mon Sep 17 00:00:00 2001 From: GilbN Date: Wed, 16 Feb 2022 21:35:11 +0100 Subject: [PATCH 04/11] automatic meta color update --- resources/landing-page/js/scripts.js | 25 ++++++++++++++++++++----- 1 file changed, 20 insertions(+), 5 deletions(-) diff --git a/resources/landing-page/js/scripts.js b/resources/landing-page/js/scripts.js index 3b06c5d0..b11cd4ad 100644 --- a/resources/landing-page/js/scripts.js +++ b/resources/landing-page/js/scripts.js @@ -50,15 +50,16 @@ function injectTheme(theme,container="head") { + let themeLower = theme.toLowerCase() if (container === "head") { html_element = document.head; } else html_element = document.body; let themeOption = document.getElementById("theme-option") let link = themeOption ? themeOption : document.createElement("link"); - url = "/css/theme-options/" + url = "/css/theme-options" link.type = "text/css"; link.rel = "stylesheet"; - link.href = `${url}/${theme.toLowerCase()}.css`; + link.href = `${url}/${themeLower}.css`; link.id = `theme-option` html_element.appendChild(link); } @@ -85,8 +86,9 @@ function injectTheme(theme,container="head") { href="https://docs.theme-park.dev/custom/">variables.` createApps(apps,themeOptions) smoothScroll() - let randomTheme = Object.keys(themeOptions)[~~(Math.random() * Object.keys(themeOptions).length)] - injectTheme(randomTheme) + currentIndex = ~~(Math.random() * Object.keys(themeOptions).length) + injectTheme(Object.keys(themeOptions)[currentIndex]) + updateMetaThemeColor() }) } @@ -119,7 +121,9 @@ function createApps(apps,themeOptions) { } function fadeOutIn(speed) { - let theme = Object.keys(themeOptions)[~~(Math.random() * Object.keys(themeOptions).length)] + currentIndex = (currentIndex+1)%Object.keys(themeOptions).length; + //let theme = Object.keys(themeOptions)[~~(Math.random() * Object.keys(themeOptions).length)] + let theme = Object.keys(themeOptions)[currentIndex] if (!document.body.style.opacity) { document.body.style.opacity = 1; } @@ -129,6 +133,7 @@ function fadeOutIn(speed) { clearInterval(outInterval); injectTheme(theme) document.getElementById("switch-theme").innerText = theme + updateMetaThemeColor() var inInterval = setInterval(function() { document.body.style.opacity = Number(document.body.style.opacity)+0.02; if (document.body.style.opacity >= 1) @@ -139,6 +144,16 @@ function fadeOutIn(speed) { } +function updateMetaThemeColor() { + fetch(`/css/theme-options/${Object.keys(themeOptions)[currentIndex].toLowerCase()}.css`) + .then(response => response.text()) + .then(text => { + let re = text.match("--accent-color:.*;")[0] + rgb = re.split(":")[1].split(";")[0].replace(/\s/g, "") + document.querySelector('meta[name="theme-color"]').setAttribute('content', `rgb(${rgb})`); + }) +} + // Smooth scrolling using anime.js function smoothScroll() {$('a.js-scroll-trigger[href*="#"]:not([href="#"])').on('click', function () { if ( From 6b50f7c3e0f05e7471c0c09ebf1277d2bfc5754d Mon Sep 17 00:00:00 2001 From: GilbN Date: Thu, 17 Feb 2022 21:15:13 +0100 Subject: [PATCH 05/11] landing page styling --- index.html | 2 +- resources/landing-page/css/custom.css | 13 +++++++------ 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index c7b0da1d..e124437e 100644 --- a/index.html +++ b/index.html @@ -41,7 +41,7 @@ - + diff --git a/resources/landing-page/css/custom.css b/resources/landing-page/css/custom.css index e82c05cd..33f30736 100644 --- a/resources/landing-page/css/custom.css +++ b/resources/landing-page/css/custom.css @@ -38,7 +38,7 @@ section { #mainNav, #mainNav.navbar-scrolled { box-shadow: none; - background-color: rgba(0, 0, 0, 0.55); + background-color: rgba(var(--accent-color),1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } @@ -57,6 +57,7 @@ section { #mainNav .navbar-nav .nav-item .nav-link { padding-left: 1rem; + color: var(--label-text-color) } } @@ -73,7 +74,7 @@ section { @media (min-width: 992px) { #mainNav { box-shadow: none; - background-color: rgba(0, 0, 0, 0.55); + background-color: rgba(var(--accent-color), 0.25); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } @@ -101,7 +102,7 @@ section { #mainNav.navbar-scrolled { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - background-color: rgba(0, 0, 0, 0.55); + background-color: rgba(var(--accent-color), 0.25); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } @@ -125,16 +126,16 @@ section { #mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link:active { - color: rgb(var(--accent-color)); + color: var(--text-hover); } #mainNav .navbar-nav .nav-item .nav-link.active { color: var(--link-color-hover) !important; } -.navbar-light .navbar-toggler-icon { +/* .navbar-light .navbar-toggler-icon { filter: invert(1); -} +} */ .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); From 94b1758c9a39f8f9c20a49d39124761433aa18f7 Mon Sep 17 00:00:00 2001 From: GilbN Date: Thu, 17 Feb 2022 21:26:05 +0100 Subject: [PATCH 06/11] padding fix --- index.html | 2 +- resources/landing-page/css/custom.css | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index e124437e..f0a675ae 100644 --- a/index.html +++ b/index.html @@ -41,7 +41,7 @@ - + diff --git a/resources/landing-page/css/custom.css b/resources/landing-page/css/custom.css index 33f30736..92cf164f 100644 --- a/resources/landing-page/css/custom.css +++ b/resources/landing-page/css/custom.css @@ -32,6 +32,9 @@ section { .text-white-50 { color: var(--text) !important; } +.page-section { + padding: 1.2rem 0; +} @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { From c83a319e5bce5b08cb59b6fbb12411b90bec8f74 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 20 Feb 2022 18:40:41 +0100 Subject: [PATCH 07/11] Bitwarden: Fix for borders and text color --- css/base/bitwarden/bitwarden-base.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/css/base/bitwarden/bitwarden-base.css b/css/base/bitwarden/bitwarden-base.css index 987fa5ed..13b8a043 100644 --- a/css/base/bitwarden/bitwarden-base.css +++ b/css/base/bitwarden/bitwarden-base.css @@ -120,6 +120,10 @@ html[class*="theme_"] .card-body:not(.bg-light>.card-body) { color: var(--text); } +html[class*="theme_"] a.text-body { + color: var(--text-hover) +} + app-vault-groupings .card li.active>a:first-of-type, app-vault-groupings .card li.active>div a:first-of-type, app-vault-groupings .card li.active>div>.fa { @@ -303,6 +307,14 @@ html[class*="theme_"] .page-header, html[class*="theme_"] .secondary-header { border-bottom: 1px solid rgb(255 255 255 / 30%); } +html[class*="theme_"] .page-header, html[class*="theme_"] .secondary-header{ + border-bottom: 1px solid rgb(255 255 255 / 30%); +} + +html[class*="theme_"] .footer { + border-bottom: 1px solid rgb(255 255 255 / 30%); +} + html[class*="theme_"] .list-group-item.active { color: var(--text); background-color: rgb(255 255 255 / 10%); @@ -450,6 +462,11 @@ html[class*="theme_"] .btn-outline-secondary:active { opacity: .8; } +html[class*="theme_"] .badge-info { + background-color: var(--button-color); + color: var(--label-text-color); +} + /* Org */ .org-nav { background: var(--main-bg-color); From 1b3b560135f14f7cb48c26ff4c8cd1bc01911997 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 20 Feb 2022 18:41:00 +0100 Subject: [PATCH 08/11] Bitwarden: Formatting --- css/base/bitwarden/bitwarden-base.css | 19 ++++++++++++++----- 1 file changed, 14 insertions(+), 5 deletions(-) diff --git a/css/base/bitwarden/bitwarden-base.css b/css/base/bitwarden/bitwarden-base.css index 13b8a043..073c73f8 100644 --- a/css/base/bitwarden/bitwarden-base.css +++ b/css/base/bitwarden/bitwarden-base.css @@ -51,6 +51,7 @@ app-org-vault-groupings .card li.active>div a:first-of-type, html[class*="theme_"] a { color: var(--link-color-hover) !important; } + html[class*="theme_"] #totpImage { background: lightgray; } @@ -131,13 +132,14 @@ app-vault-groupings .card li.active>div>.fa { } body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4, -body > app-root > app-user-layout > app-tools > div > div > div.col-9 > app-password-generator > div.card.card-password.bg-light.my-4 > div { +body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4>div { background-color: rgb(0 0 0 / 15%) !important; } html[class*="theme_"] .password-number { color: rgb(var(--accent-color)); } + html[class*="theme_"] .password-letter { color: white; } @@ -154,6 +156,7 @@ html[class*="theme_"] .modal-header { -moz-background-size: auto, cover; -o-background-size: auto, cover; } + html[class*="theme_"] .modal-body { background: var(--modal-bg-color); background-repeat: repeat, no-repeat; @@ -164,6 +167,7 @@ html[class*="theme_"] .modal-body { -moz-background-size: auto, cover; -o-background-size: auto, cover; } + html[class*="theme_"] .modal-footer { border-top: 1px solid rgba(255, 255, 255, 0.1); background: var(--modal-footer-color); @@ -232,7 +236,8 @@ html[class*="theme_"] .modal-footer { } /* FORMS */ -html[class*="theme_"] label.form-check-label, html[class*="theme_"] .form-control-file { +html[class*="theme_"] label.form-check-label, +html[class*="theme_"] .form-control-file { color: var(--text); } @@ -273,7 +278,8 @@ select:focus { box-shadow: 3px 3px 10px rgba(0, 0, 0, .2); } */ -html[class*="theme_"] .dropdown-menu, html[class*="theme_"] .dropdown-item { +html[class*="theme_"] .dropdown-menu, +html[class*="theme_"] .dropdown-item { background: #1f1f1f; color: #fff; } @@ -303,11 +309,13 @@ a.text-danger:focus { /* SETTINGS */ -html[class*="theme_"] .page-header, html[class*="theme_"] .secondary-header { +html[class*="theme_"] .page-header, +html[class*="theme_"] .secondary-header { border-bottom: 1px solid rgb(255 255 255 / 30%); } -html[class*="theme_"] .page-header, html[class*="theme_"] .secondary-header{ +html[class*="theme_"] .page-header, +html[class*="theme_"] .secondary-header { border-bottom: 1px solid rgb(255 255 255 / 30%); } @@ -604,6 +612,7 @@ input:focus:-ms-input-placeholder { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--text-hover); } + html[class*="theme_"] .table td { color: var(--text); } \ No newline at end of file From fbf7435c2c8592df123c24eea2c3a3a77f3b74e5 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 20 Feb 2022 18:46:34 +0100 Subject: [PATCH 09/11] Bitwarden: Navbar text fix --- css/base/bitwarden/bitwarden-base.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/css/base/bitwarden/bitwarden-base.css b/css/base/bitwarden/bitwarden-base.css index 073c73f8..0283ad74 100644 --- a/css/base/bitwarden/bitwarden-base.css +++ b/css/base/bitwarden/bitwarden-base.css @@ -66,6 +66,11 @@ html[class*="theme_"] .text-muted, color: var(--text-muted) !important; } +html[class*="theme_"] .navbar .nav-item.active>.nav-link, +html[class*="theme_"] .navbar .nav-item>.nav-link { + font-weight: 600; +} + .table-hover tbody tr:hover { color: var(--text-hover); background-color: rgba(255, 255, 255, .08); From b27773494c8b8037b5c582973720820541955229 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 20 Feb 2022 19:26:26 +0100 Subject: [PATCH 10/11] Bitwarden: More border fixes. Added more accents. --- css/base/bitwarden/bitwarden-base.css | 72 +++++++++++++++++++++++++-- 1 file changed, 67 insertions(+), 5 deletions(-) diff --git a/css/base/bitwarden/bitwarden-base.css b/css/base/bitwarden/bitwarden-base.css index 0283ad74..e24ecc3c 100644 --- a/css/base/bitwarden/bitwarden-base.css +++ b/css/base/bitwarden/bitwarden-base.css @@ -49,13 +49,30 @@ app-org-vault-groupings .card li.active>div a:first-of-type, .groupings .card li.active>a:first-of-type, .groupings .card li.active>div a:first-of-type, html[class*="theme_"] a { - color: var(--link-color-hover) !important; + color: var(--link-color-hover); +} + +html[class*="theme_"] app-vault-groupings .card li.active>a:first-of-type, +html[class*="theme_"] app-vault-groupings .card li.active>div a:first-of-type, +html[class*="theme_"] app-org-vault-groupings .card li.active>a:first-of-type, +html[class*="theme_"] app-org-vault-groupings .card li.active>div a:first-of-type, +html[class*="theme_"] .groupings .card li.active>a:first-of-type, +html[class*="theme_"] .groupings .card li.active>div a:first-of-type { + color: rgb(var(--accent-color)); } html[class*="theme_"] #totpImage { background: lightgray; } +html[class*="theme_"] .table td>a:not(.badge) { + color: var(--link-color); +} + +html[class*="theme_"] .table td>a:not(.badge):hover { + color: var(--link-color-hover); +} + /* TEXT */ html[class*="theme_"] .text-muted, .text-muted, @@ -127,7 +144,7 @@ html[class*="theme_"] .card-body:not(.bg-light>.card-body) { } html[class*="theme_"] a.text-body { - color: var(--text-hover) + color: var(--text-hover) !important; } app-vault-groupings .card li.active>a:first-of-type, @@ -149,6 +166,12 @@ html[class*="theme_"] .password-letter { color: white; } +html[class*="theme_"] app-vault-groupings .card .card-body a, +html[class*="theme_"] app-org-vault-groupings .card .card-body a, +html[class*="theme_"] .groupings .card .card-body a { + color: var(--text); +} + /* MODALS */ html[class*="theme_"] .modal-header { border-bottom: 1px solid rgba(255, 255, 255, 0.1); @@ -185,6 +208,10 @@ html[class*="theme_"] .modal-footer { -o-background-size: auto, cover; } +html[class*="theme_"] .close { + color: var(--text); +} + .close, .close:hover { color: #fff; @@ -283,6 +310,10 @@ select:focus { box-shadow: 3px 3px 10px rgba(0, 0, 0, .2); } */ +html[class*="theme_"] .navbar .dropdown-menu .dropdown-item-text { + color: var(--text); +} + html[class*="theme_"] .dropdown-menu, html[class*="theme_"] .dropdown-item { background: #1f1f1f; @@ -312,6 +343,14 @@ a.text-danger:focus { background: rgb(0 0 0 / 20%) !important; } +html[class*="theme_"] app-vault-groupings .card #search, +html[class*="theme_"] app-org-vault-groupings .card #search, +html[class*="theme_"] .groupings .card #search { + background-color: transparent; + border-color: rgb(var(--accent-color)); + color: #fff; +} + /* SETTINGS */ html[class*="theme_"] .page-header, @@ -329,10 +368,10 @@ html[class*="theme_"] .footer { } html[class*="theme_"] .list-group-item.active { - color: var(--text); + border-color: rgba(255, 255, 255, 0.15); + color: rgb(var(--accent-color)); background-color: rgb(255 255 255 / 10%); border-left: 3px solid rgb(var(--accent-color)); - border-color: rgba(255, 255, 255, 0.1); } html[class*="theme_"] .callout { @@ -342,7 +381,7 @@ html[class*="theme_"] .callout { } html[class*="theme_"] .list-group-item { - background-color: rgb(0 0 0 / 25%); + background-color: rgb(0 0 0 / 35%); border: 1px solid rgb(255 255 255 / 8%); color: var(--text); } @@ -481,6 +520,17 @@ html[class*="theme_"] .badge-info { } /* Org */ + +html[class*="theme_"] .org-nav .nav-tabs a.active { + border-top: 3px solid rgb(var(--accent-color)); + color: rgb(var(--accent-color)); +} + +html[class*="theme_"] .nav-tabs .nav-link.active { + background: rgba(0, 0, 0, 0.25); + border-color: rgba(255, 255, 255, 0.15); +} + .org-nav { background: var(--main-bg-color); background-repeat: repeat, no-repeat; @@ -589,6 +639,10 @@ input:focus:-ms-input-placeholder { background-color: rgba(255, 255, 255, 0.1) !important; } +html[class*="theme_"] .groupings .card .card-body a { + color: var(--text); +} + /* Pagination */ .page-item.active .page-link { @@ -620,4 +674,12 @@ input:focus:-ms-input-placeholder { html[class*="theme_"] .table td { color: var(--text); +} + +html[class*="theme_"] .table.table-list.table td:not(tr:first-child td), +html[class*="theme_"] .table.table-list .table th:not(tr:first-child td), +html[class*="theme_"] hr, +html[class*="theme_"] .dropdown-divider, +html[class*="theme_"] .footer { + border-top: 1px solid rgb(255 255 255 / 30%); } \ No newline at end of file From f8cba4034e2f64896e5f658fb17bd2e530fa50fc Mon Sep 17 00:00:00 2001 From: GilbN Date: Mon, 21 Feb 2022 20:46:37 +0100 Subject: [PATCH 11/11] Overseerr: Toast background fix --- css/base/overseerr/overseerr-base.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/css/base/overseerr/overseerr-base.css b/css/base/overseerr/overseerr-base.css index 9f53525f..889f02f9 100644 --- a/css/base/overseerr/overseerr-base.css +++ b/css/base/overseerr/overseerr-base.css @@ -339,7 +339,7 @@ a.slider-title:hover { background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%) !important; } -#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div > div.media-overview { +#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-overview { background: var(--main-bg-color); padding: 1rem 1rem 2rem 0; padding-left: 1rem; @@ -525,4 +525,15 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent #__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>button, #__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>div:nth-child(3)>button { background: rgba(255, 255, 255, 0.1); +} + +/* TOAST */ + +#toast-container>div>div { + background: rgb(var(--accent-color)); +} + +#toast-container .text-gray-400, +#toast-container .text-white { + color: var(--label-text-color); } \ No newline at end of file