alvierahman90/styles.alv.cx
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

Compare commits

base: alvierahman90:980ffad386f7d1ca036a9f462d44f6744c7bf076
Branches Tags
alvierahman90:main
..
compare: alvierahman90:0a3b787cb6125c0371ad00a1db66b5d9008d0b9b
Branches Tags
alvierahman90:main

2 Commits
980ffad386 ... 0a3b787cb6

Author SHA1 Message Date
Alvie Rahman
0a3b787cb6 make light mode styling not yellow 2022-04-13 03:05:45 +01:00
Alvie Rahman
bb6d68a997 update readme 2022-04-13 02:45:08 +01:00
3 changed files with 6 additions and 1 deletions
Expand all files Collapse all files

2
base.css
View File

@@ -1,7 +1,7 @@
@import url("https://styles.alv.cx/modules/colors/gruvbox.css"); @import url("https://styles.alv.cx/modules/colors/gruvbox.css");
:root { :root {
--light: var(--gruvbox-fg); --light: #fefefe;
--dark: var(--gruvbox-bg); --dark: var(--gruvbox-bg);
--fg: var(--dark); --fg: var(--dark);

1
modules/darkmode.css
View File

@@ -1,5 +1,6 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--light: var(--gruvbox-fg);
--fg: var(--light); --fg: var(--light);
--bg: var(--dark); --bg: var(--dark);
} }

4
readme.txt
View File

@@ -10,3 +10,7 @@ to style a site, put this in a css file somewhere:
and any of the optional modules you want. and any of the optional modules you want.
a list of actively hosted modules can be seen in this repo in the modules folder and at a list of actively hosted modules can be seen in this repo in the modules folder and at
https://styles.alv.cx/modules/ https://styles.alv.cx/modules/
there are some variables you may want to use to keep your site's styling consistent and you can
view them in the `:root` section of `base.css` and any module you use.