move colorschemes out of modules folder, symlink into modules folder for compatibility

This commit is contained in:
2022-04-13 17:28:29 +01:00
parent 3709c37527
commit c4264eb362
5 changed files with 4 additions and 3 deletions

1
modules/colors Symbolic link
View File

@@ -0,0 +1 @@
../colors/

View File

@@ -1,40 +0,0 @@
/* colors from https://github.com/chriskempson/base16 */
:root {
--base16-base00: #181818; /* default background */
--base16-base01: #282828; /* lighter background */
--base16-base02: #383838; /* selection background */
--base16-base03: #585858; /* comments, invisibles, line highlighting */
--base16-base04: #b8b8b8; /* dark foreground */
--base16-base05: #d8d8d8; /* default foreground, caret, delimiters, operators */
--base16-base06: #e8e8e8; /* light foreground (not often used) */
--base16-base07: #f8f8f8; /* light foreground (not often used) */
--base16-base08: #ab4642; /* variables, xml tags, markup link text, markup lists, diff deleted */
--base16-base09: #dc9656; /* integers, boolean, constants, xml attributes, markup link url */
--base16-base0A: #f7ca88; /* classes, markup bold, search text background */
--base16-base0B: #a1b56c; /* strings, inherited class, markup code, diff inserted */
--base16-base0C: #86c1b9; /* support, regular expressions, excape characters, markup quotes */
--base16-base0D: #7cafc2; /* functions, methods, attribute IDs, headings */
--base16-base0E: #ba8baf; /* keywords, storage selector, markup italic, diff changed */
--base16-base0F: #a16946; /* deprecated, opening/closing embedded language tags, e.g. <?php ?> */
--base16-bg: var(--base16-base00);
--base16-fg: var(--base16-base05);
--base16-red: var(--base16-base08);
--base16-orange: var(--base16-base09);
--base16-yellow: var(--base16-base0A);
--base16-green: var(--base16-base0B);
--base16-lightblue: var(--base16-base0C);
--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

@@ -1,44 +0,0 @@
/* colors from https://github.com/morhetz/gruvbox */
:root {
--gruvbox-orange: #d65d0e;
--gruvbox-red: #cc242d;
--gruvbox-green: #98971a;
--gruvbox-yellow: #d79921;
--gruvbox-blue: #458588;
--gruvbox-purple: #b16286;
--gruvbox-aqua: #689d6a;
--gruvbox-orange-light: #fe8019;
--gruvbox-red-light: #fb4934;
--gruvbox-green-light: #b8bb26;
--gruvbox-yellow-light: #fabd2f;
--gruvbox-blue-light: #83a598;
--gruvbox-purple-light: #d3869b;
--gruvbox-aqua-light: #8ec07c;
--gruvbox-bg: #282828; /* default background */
--gruvbox-bg0_h: #1d2021; /* hard background */
--gruvbox-bg0_s: #32302f; /* soft background */
--gruvbox-bg0: #282828; /* same as bg */
--gruvbox-bg1: #3c3836;
--gruvbox-bg2: #504945;
--gruvbox-bg3: #665c54;
--gruvbox-bg4: #7c6f64;
--gruvbox-fg: #ebdbb2;
--gruvbox-fg0: #fbf1c7;
--gruvbox-fg1: #ebdbb2;
--gruvbox-fg2: #d5c4a1;
--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,22 +0,0 @@
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