+}Update base.css to add filter variables for color definitions
This commit is contained in:
parent
b12e2a2d33
commit
4845ce41ad
1 changed files with 94 additions and 32 deletions
126
src/base.css
126
src/base.css
|
|
@ -10,39 +10,101 @@
|
|||
==/UserStyle== */
|
||||
|
||||
@-moz-document domain("DOMAIN.TLD") {
|
||||
:root {
|
||||
--bg_h: #1d2021;
|
||||
--bg: #282828;
|
||||
--bg_s: #32302f;
|
||||
--bg1: #3c3836;
|
||||
--bg2: #504945;
|
||||
--bg3: #665c54;
|
||||
--bg4: #7c6f64;
|
||||
:root {
|
||||
--bg_h: #1d2021;
|
||||
--bg: #282828;
|
||||
--bg_s: #32302f;
|
||||
--bg1: #3c3836;
|
||||
--bg2: #504945;
|
||||
--bg3: #665c54;
|
||||
--bg4: #7c6f64;
|
||||
|
||||
--fg: #fbf1c7;
|
||||
--fg1: #ebdbb2;
|
||||
--fg2: #d5c4a1;
|
||||
--fg3: #bdae93;
|
||||
--fg4: #a89984;
|
||||
--fg: #fbf1c7;
|
||||
--fg1: #ebdbb2;
|
||||
--fg2: #d5c4a1;
|
||||
--fg3: #bdae93;
|
||||
--fg4: #a89984;
|
||||
|
||||
--red: #fb4934;
|
||||
--green: #b8bb26;
|
||||
--yellow: #fabd2f;
|
||||
--blue: #83a598;
|
||||
--purple: #d3869b;
|
||||
--aqua: #8ec07c;
|
||||
--gray: #928374;
|
||||
--orange: #fe8019;
|
||||
--red: #fb4934;
|
||||
--green: #b8bb26;
|
||||
--yellow: #fabd2f;
|
||||
--blue: #83a598;
|
||||
--purple: #d3869b;
|
||||
--aqua: #8ec07c;
|
||||
--gray: #928374;
|
||||
--orange: #fe8019;
|
||||
|
||||
--red-dim: #cc2412;
|
||||
--green-dim: #98971a;
|
||||
--yellow-dim: #d79921;
|
||||
--blue-dim: #458588;
|
||||
--purple-dim: #b16286;
|
||||
--aqua-dim: #689d6a;
|
||||
--gray-dim: #a89984;
|
||||
--orange-dim: #d65d0e;
|
||||
--monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
|
||||
monospace, emoji;
|
||||
}
|
||||
--red-dim: #cc2412;
|
||||
--green-dim: #98971a;
|
||||
--yellow-dim: #d79921;
|
||||
--blue-dim: #458588;
|
||||
--purple-dim: #b16286;
|
||||
--aqua-dim: #689d6a;
|
||||
--gray-dim: #a89984;
|
||||
--orange-dim: #d65d0e;
|
||||
|
||||
--filter-reset: brightness(0) saturate(100%);
|
||||
--filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)
|
||||
brightness(101%) contrast(91%);
|
||||
--filter-bg: invert(13%) sepia(0%) saturate(250%) hue-rotate(148deg)
|
||||
brightness(97%) contrast(91%);
|
||||
--filter-bg_s: invert(12%) sepia(4%) saturate(785%) hue-rotate(336deg)
|
||||
brightness(90%) contrast(79%);
|
||||
--filter-bg1: invert(17%) sepia(8%) saturate(565%) hue-rotate(335deg)
|
||||
brightness(92%) contrast(81%);
|
||||
--filter-bg2: invert(27%) sepia(6%) saturate(756%) hue-rotate(338deg)
|
||||
brightness(93%) contrast(85%);
|
||||
--filter-bg3: invert(35%) sepia(8%) saturate(665%) hue-rotate(345deg)
|
||||
brightness(99%) contrast(89%);
|
||||
--filter-bg4: invert(45%) sepia(21%) saturate(297%) hue-rotate(346deg)
|
||||
brightness(93%) contrast(84%);
|
||||
|
||||
--filter-fg: invert(96%) sepia(7%) saturate(1789%) hue-rotate(320deg)
|
||||
brightness(108%) contrast(97%);
|
||||
--filter-fg1: invert(93%) sepia(10%) saturate(848%) hue-rotate(351deg)
|
||||
brightness(95%) contrast(95%);
|
||||
--filter-fg2: invert(88%) sepia(47%) saturate(265%) hue-rotate(328deg)
|
||||
brightness(88%) contrast(89%);
|
||||
--filter-fg3: invert(79%) sepia(29%) saturate(224%) hue-rotate(360deg)
|
||||
brightness(85%) contrast(90%);
|
||||
--filter-fg4: invert(74%) sepia(5%) saturate(1427%) hue-rotate(356deg)
|
||||
brightness(85%) contrast(81%);
|
||||
|
||||
--filter-red: invert(37%) sepia(65%) saturate(2977%) hue-rotate(342deg)
|
||||
brightness(101%) contrast(97%);
|
||||
--filter-green: invert(72%) sepia(11%) saturate(2587%) hue-rotate(21deg)
|
||||
brightness(99%) contrast(85%);
|
||||
--filter-yellow: invert(65%) sepia(85%) saturate(394%) hue-rotate(359deg)
|
||||
brightness(102%) contrast(96%);
|
||||
--filter-blue: invert(69%) sepia(13%) saturate(453%) hue-rotate(105deg)
|
||||
brightness(89%) contrast(90%);
|
||||
--filter-purple: invert(69%) sepia(7%) saturate(2391%) hue-rotate(295deg)
|
||||
brightness(89%) contrast(84%);
|
||||
--filter-aqua: invert(72%) sepia(24%) saturate(546%) hue-rotate(59deg)
|
||||
brightness(94%) contrast(91%);
|
||||
--filter-gray: invert(56%) sepia(10%) saturate(586%) hue-rotate(349deg)
|
||||
brightness(92%) contrast(87%);
|
||||
--filter-orange: invert(57%) sepia(14%) saturate(5166%) hue-rotate(348deg)
|
||||
brightness(102%) contrast(99%);
|
||||
|
||||
--filter-red-dim: invert(21%) sepia(86%) saturate(3086%) hue-rotate(354deg)
|
||||
brightness(81%) contrast(98%);
|
||||
--filter-green-dim: invert(51%) sepia(66%) saturate(488%) hue-rotate(21deg)
|
||||
brightness(96%) contrast(93%);
|
||||
--filter-yellow-dim: invert(67%) sepia(94%) saturate(516%)
|
||||
hue-rotate(343deg) brightness(88%) contrast(90%);
|
||||
--filter-blue-dim: invert(47%) sepia(10%) saturate(1569%) hue-rotate(134deg)
|
||||
brightness(96%) contrast(91%);
|
||||
--filter-purple-dim: invert(48%) sepia(12%) saturate(1818%)
|
||||
hue-rotate(280deg) brightness(91%) contrast(81%);
|
||||
--filter-aqua-dim: invert(58%) sepia(7%) saturate(2100%) hue-rotate(72deg)
|
||||
brightness(98%) contrast(79%);
|
||||
--filter-gray-dim: invert(76%) sepia(6%) saturate(1061%) hue-rotate(356deg)
|
||||
brightness(82%) contrast(82%);
|
||||
--filter-orange-dim: invert(37%) sepia(99%) saturate(2942%)
|
||||
hue-rotate(12deg) brightness(98%) contrast(89%);
|
||||
|
||||
--monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
|
||||
monospace, emoji;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue