research/statebuddy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

disable forcing light/dark mode (doesn't work properly)

Browse source
This commit is contained in:
Joeri Exelmans 2025-11-13 19:50:33 +01:00
parent 6efc27453e
commit 02cbbe601a
7 changed files with 1586 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/index.css
View file

@ -8,11 +8,11 @@ html, body {
:root {
color-scheme: light dark;
--background-color: light-dark(white, rgb(26, 26, 26));
--background-color: light-dark(white, rgb(0, 0, 0));
--text-color: light-dark(black, white);
--error-color: light-dark(rgb(163, 0, 0), rgb(255, 82, 82));
--error-bg-color: light-dark(lightpink, rgb(75, 0, 0));
--error-hover-bg-color: light-dark(rgb(102, 0, 0), rgb(102, 0, 0));
--error-hover-bg-color: light-dark(rgb(102, 0, 0), rgb(238, 153, 153));
--light-accent-color: light-dark(rgba(0,0,255,0.2), rgba(78, 186, 248, 0.377));
--accent-border-color: light-dark(blue, rgb(64, 185, 255));
--separator-color: light-dark(lightgrey, rgb(44, 44, 44));
@ -39,12 +39,6 @@ html, body {
--output-event-bg-color: light-dark(rgb(230, 249, 255), rgb(28, 83, 104));
}
/* for some reason i need to add this or some elements are rendered in OS color rather than 'forced' color */
div {
color: var(--text-color);
background-color: var(--background-color);
}
div#root {
height: 100%;
}