create alwaysdark module

This commit is contained in:
Akbar Rahman 2024-12-25 19:40:43 +00:00
parent de85c23805
commit 16ae126308
Signed by: alvierahman90
GPG Key ID: 6217899F07CA2BDF
3 changed files with 14 additions and 10 deletions

8
modules/alwaysdark.css Normal file
View File

@ -0,0 +1,8 @@
@import url("https://styles.alv.cx/modules/soft_media.css");
:root {
--fg: var(--colorscheme-light);
--fg-lc: var(--colorscheme-light-darker);
--bg: var(--colorscheme-dark);
--bg-lc: var(--colorscheme-dark-lighter);
}

View File

@ -1,10 +1 @@
@import url("https://styles.alv.cx/modules/soft_media.css") screen and (prefers-color-scheme: dark);
@media (prefers-color-scheme: dark) {
:root {
--fg: var(--colorscheme-light);
--fg-lc: var(--colorscheme-light-darker);
--bg: var(--colorscheme-dark);
--bg-lc: var(--colorscheme-dark-lighter);
}
}
@import url("https://styles.alv.cx/modules/alwaysdark.css") screen and (prefers-color-scheme: dark);

View File

@ -0,0 +1,5 @@
in the css
@import url("https://styles.alv.cx/modules/alwaysdark.css");
puts the website always in dark mode, ignoring user preference.