KnockOutWhist/KnockOutWhist-Web
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 32 Wiki Activity

feat(ui): implement CSS variables for theme support #26

Merged
lq64 merged 1 commits from feat/17-automatically-set-theme into main 2025-10-29 16:52:33 +01:00
Conversation 1 Commits 1 Files Changed 3 +15 -4
3 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
knockoutwhistweb/app/assets/stylesheets/dark-mode.less
View File

@@ -1,2 +1,6 @@
@background-image: url('/assets/images/background.png');
@color: white;
@media (prefers-color-scheme: dark) {
:root {
--background-image: url('/assets/images/background.png');
--color: white;
}
}

6
knockoutwhistweb/app/assets/stylesheets/light-mode.less
View File

@@ -1,2 +1,4 @@
@background-image: url('/assets/images/img.png');
@color: black;
:root {
--background-image: url('/assets/images/img.png');
--color: black;
}

5
knockoutwhistweb/app/assets/stylesheets/main.less
View File

@@ -1,4 +1,9 @@
@import "light-mode.less";
@import "dark-mode.less";
@background-image: var(--background-image);
@color: var(--color);
body {
background-image: @background-image;
background-size: 100vw 100vh;