new colorscheme picking
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
@@ -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);
|
||||
}
|
||||
|
@@ -1,6 +1,5 @@
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--light: var(--gruvbox-fg);
|
||||
--fg: var(--light);
|
||||
--bg: var(--dark);
|
||||
}
|
||||
|
@@ -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
|
||||
|
Reference in New Issue
Block a user