fix(styles): use correct dark-mode selector in css

The dark-mode selector changed from the class "dark" attached to the
body element to a data-attribute with some react-bootstrap upgrade.
This commit reflects this change in our custom css.

Signed-off-by: Erik Michelson <github@erik.michelson.eu>
This commit is contained in:
Erik Michelson 2024-09-15 22:38:09 +02:00 committed by Philip Molares
parent 603ad8088c
commit 7195c1bdc0
4 changed files with 12 additions and 13 deletions

View file

@ -14,7 +14,7 @@
display: grid !important;
grid-template-columns: auto minmax(0, 1fr);
:global(body.dark) & {
:global(body[data-bs-theme=dark]) & {
background-color: rgb(27, 31, 35);
}

View file

@ -9,7 +9,7 @@
--sidebar-menu-width: 280px;
--sidebar-separator-color: var(--bs-secondary);
:global(body.dark) & {
:global(body[data-bs-theme=dark]) & {
--sidebar-separator-color: rgba(255, 255, 255, 0.2);
}