satchlj
/
satchlj.com
1
2
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

light/dark mode

This commit is contained in:
Satya Benson 2024-03-04 18:55:58 -05:00
parent bb4ed37bee
commit 418f7798e3
1 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
themes/zerm/sass/color/blue.scss
View File

@ -1,9 +1,24 @@
:root {
--accent: rgb(35,176,255);
--accent-alpha-20: rgba(35,176,255,.2);
--accent-alpha-70: rgba(35,176,255,.7);
--background: #1D1E28;
--color: whitesmoke;
--border-color: rgba(255, 255, 255, .1);
--footnote-color: rgba(255, 255, 255, .5);
/* Default variables */
--accent: rgb(35, 176, 255);
--accent-alpha-20: rgba(35, 176, 255, .2);
--accent-alpha-70: rgba(35, 176, 255, .7);
--background: #ffffff;
--color: #333333;
--border-color: rgba(0, 0, 0, .1);
--footnote-color: rgba(0, 0, 0, .5);
}
/* Dark mode styles */
@media (prefers-color-scheme: dark) {
:root {
/* Override default variables for dark mode */
--accent: rgb(35, 176, 255);
--accent-alpha-20: rgba(35, 176, 255, .2);
--accent-alpha-70: rgba(35, 176, 255, .7);
--background: #1D1E28;
--color: whitesmoke;
--border-color: rgba(255, 255, 255, .1);
--footnote-color: rgba(255, 255, 255, .5);
}
}