From 11ea3276534ca4dc268608da3bc52257900aa07e Mon Sep 17 00:00:00 2001 From: BelKed <66956532+BelKed@users.noreply.github.com> Date: Fri, 14 Jun 2024 13:53:28 +0200 Subject: [PATCH 1/2] Don't change the color of the close button in the alert --- static/dark.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/dark.css b/static/dark.css index c77dd65d..3fb90b57 100644 --- a/static/dark.css +++ b/static/dark.css @@ -8,7 +8,7 @@ a, button, span, div, select { outline: none; } -body, button, html, table { +body, button:not(.close), html, table { color: #e9ebf0 !important; } From 275a2e6544565d87b6e11d55cee746cf61987eb6 Mon Sep 17 00:00:00 2001 From: BelKed <66956532+BelKed@users.noreply.github.com> Date: Wed, 10 Jul 2024 13:32:41 +0200 Subject: [PATCH 2/2] Invert color of the alerts in dark mdoe --- static/dark.css | 26 +++++++++++++++++++++++++- 1 file changed, 25 insertions(+), 1 deletion(-) diff --git a/static/dark.css b/static/dark.css index 3fb90b57..a8369d1e 100644 --- a/static/dark.css +++ b/static/dark.css @@ -8,7 +8,7 @@ a, button, span, div, select { outline: none; } -body, button:not(.close), html, table { +body, button, html, table { color: #e9ebf0 !important; } @@ -240,4 +240,28 @@ div[style="color: rgb(85, 85, 85); font-size: 0.9em;"] { [aria-sort="descending"] { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none' fill='white'%3E%3Cpath opacity='.4' d='m51 1 25 23 24 22H1l25-22z'/%3E%3Cpath opacity='.8' d='m51 101 25-23 24-22H1l25 22z'/%3E%3C/svg%3E") !important; +} + +.alert-success { + color: hsl(135, 70%, 90%); + background-color: hsl(135, 60%, 30%); + border-color: hsl(135, 60%, 25%); +} + +.alert-info { + color: hsl(190, 70%, 90%); + background-color: hsl(190, 60%, 30%); + border-color: hsl(190, 60%, 25%); +} + +.alert-warning { + color: hsl(45, 70%, 90%); + background-color: hsl(45, 60%, 30%); + border-color: hsl(45, 60%, 25%); +} + +.alert-danger { + color: hsl(355, 70%, 90%); + background-color: hsl(355, 60%, 30%); + border-color: hsl(355, 60%, 25%); } \ No newline at end of file