new colorscheme picking

This commit is contained in:
2022-04-13 17:09:20 +01:00
parent a8f04a0b18
commit ae9ce73739
6 changed files with 46 additions and 8 deletions

View File

@@ -28,4 +28,13 @@
--base16-blue: var(--base16-base0D);
--base16-purple: var(--base16-base0E);
--base16-brown: var(--base16-base0F);
--orange: var(--base16-orange);
--red: var(--base16-red);
--green: var(--base16-green);
--yellow: var(--base16-yellow);
--blue: var(--base16-blue);
--purple: var(--base16-purple);
--light: var(--base16-fg);
--dark: var(--base16-bg);
}

View File

@@ -32,4 +32,13 @@
--gruvbox-fg3: #bdae93;
--gruvbox-fg4: #a89984;
--gruvbox-gray: #928374;
--orange: var(--gruvbox-orange);
--red: var(--gruvbox-red);
--green: var(--gruvbox-green);
--yellow: var(--gruvbox-yellow);
--blue: var(--gruvbox-blue);
--purple: var(--gruvbox-purple);
--light: var(--gruvbox-fg);
--dark: var(--gruvbox-bg);
}

View File

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

View File

@@ -3,3 +3,20 @@ in the css
@import url("https://styles.alv.cx/modules/colors/<colorscheme>.css");
and use the variables created in the file
the following colors will be available to use with all colorschemes (useful for
switching between colorschemes easily)
--orange
--red
--green
--yellow
--blue
--purple
--light
--dark
prefer to use `--fg` and `--bg` and be careful with using `--light` and `--dark`
as it may make light/dark mode switching a pain