Update base themes
This commit is contained in:
parent
94ffddf462
commit
1e73aa6d15
9 changed files with 852 additions and 110 deletions
32
src/base.css
32
src/base.css
|
|
@ -43,6 +43,38 @@
|
|||
--gray-dim: #a89984;
|
||||
--orange-dim: #d65d0e;
|
||||
|
||||
--rgb-bg_h: 29, 32, 33;
|
||||
--rgb-bg: 40, 40, 40;
|
||||
--rgb-bg_s: 50, 48, 47;
|
||||
--rgb-bg1: 60, 56, 54;
|
||||
--rgb-bg2: 80, 73, 69;
|
||||
--rgb-bg3: 102, 92, 84;
|
||||
--rgb-bg4: 124, 111, 100;
|
||||
|
||||
--rgb-fg: 251, 241, 199;
|
||||
--rgb-fg1: 235, 219, 178;
|
||||
--rgb-fg2: 213, 196, 161;
|
||||
--rgb-fg3: 189, 174, 147;
|
||||
--rgb-fg4: 168, 153, 132;
|
||||
|
||||
--rgb-red: 251, 73, 52;
|
||||
--rgb-green: 184, 187, 38;
|
||||
--rgb-yellow: 250, 189, 47;
|
||||
--rgb-blue: 131, 165, 152;
|
||||
--rgb-purple: 211, 134, 155;
|
||||
--rgb-aqua: 142, 192, 124;
|
||||
--rgb-gray: 146, 131, 116;
|
||||
--rgb-orange: 254, 128, 25;
|
||||
|
||||
--rgb-red-dim: 204, 36, 18;
|
||||
--rgb-green-dim: 152, 151, 26;
|
||||
--rgb-yellow-dim: 215, 153, 33;
|
||||
--rgb-blue-dim: 69, 133, 136;
|
||||
--rgb-purple-dim: 177, 98, 134;
|
||||
--rgb-aqua-dim: 104, 157, 106;
|
||||
--rgb-gray-dim: 168, 153, 132;
|
||||
--rgb-orange-dim: 214, 93, 14;
|
||||
|
||||
--filter-reset: brightness(0) saturate(100%);
|
||||
--filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)
|
||||
brightness(101%) contrast(91%);
|
||||
|
|
|
|||
|
|
@ -12,74 +12,138 @@
|
|||
@-moz-document domain("duolingo.com") {
|
||||
/*~~~~~ Base Colors ~~~~~*/
|
||||
:root {
|
||||
--bg_h: 29, 32, 33;
|
||||
--bg: 40, 40, 40;
|
||||
--bg_s: 50, 48, 47;
|
||||
--bg1: 60, 56, 54;
|
||||
--bg2: 80, 73, 69;
|
||||
--bg3: 102, 92, 84;
|
||||
--bg4: 124, 111, 100;
|
||||
--rgb-bg_h: 29, 32, 33;
|
||||
--rgb-bg: 40, 40, 40;
|
||||
--rgb-bg_s: 50, 48, 47;
|
||||
--rgb-bg1: 60, 56, 54;
|
||||
--rgb-bg2: 80, 73, 69;
|
||||
--rgb-bg3: 102, 92, 84;
|
||||
--rgb-bg4: 124, 111, 100;
|
||||
|
||||
--fg: 251, 241, 199;
|
||||
--fg1: 235, 219, 178;
|
||||
--fg2: 213, 196, 161;
|
||||
--fg3: 189, 174, 147;
|
||||
--fg4: 168, 153, 132;
|
||||
--rgb-fg: 251, 241, 199;
|
||||
--rgb-fg1: 235, 219, 178;
|
||||
--rgb-fg2: 213, 196, 161;
|
||||
--rgb-fg3: 189, 174, 147;
|
||||
--rgb-fg4: 168, 153, 132;
|
||||
|
||||
--red: 251, 73, 52;
|
||||
--green: 184, 187, 38;
|
||||
--yellow: 250, 189, 47;
|
||||
--blue: 131, 165, 152;
|
||||
--purple: 211, 134, 155;
|
||||
--aqua: 142, 192, 124;
|
||||
--gray: 146, 131, 116;
|
||||
--orange: 254, 128, 25;
|
||||
--rgb-red: 251, 73, 52;
|
||||
--rgb-green: 184, 187, 38;
|
||||
--rgb-yellow: 250, 189, 47;
|
||||
--rgb-blue: 131, 165, 152;
|
||||
--rgb-purple: 211, 134, 155;
|
||||
--rgb-aqua: 142, 192, 124;
|
||||
--rgb-gray: 146, 131, 116;
|
||||
--rgb-orange: 254, 128, 25;
|
||||
|
||||
--red-dim: 204, 36, 18;
|
||||
--green-dim: 152, 151, 26;
|
||||
--yellow-dim: 215, 153, 33;
|
||||
--blue-dim: 69, 133, 136;
|
||||
--purple-dim: 177, 98, 134;
|
||||
--aqua-dim: 104, 157, 106;
|
||||
--gray-dim: 168, 153, 132;
|
||||
--orange-dim: 214, 93, 14;
|
||||
--rgb-red-dim: 204, 36, 18;
|
||||
--rgb-green-dim: 152, 151, 26;
|
||||
--rgb-yellow-dim: 215, 153, 33;
|
||||
--rgb-blue-dim: 69, 133, 136;
|
||||
--rgb-purple-dim: 177, 98, 134;
|
||||
--rgb-aqua-dim: 104, 157, 106;
|
||||
--rgb-gray-dim: 168, 153, 132;
|
||||
--rgb-orange-dim: 214, 93, 14;
|
||||
|
||||
--color-snow: var(--bg);
|
||||
--color-eel: var(--fg);
|
||||
--color-wolf: var(--fg2);
|
||||
--color-hare: var(--fg1);
|
||||
--color-black-text: var(--fg);
|
||||
--color-swan: var(--bg4);
|
||||
--color-polar: var(--fg3);
|
||||
--color-gray-border: var(--fg4);
|
||||
--monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
|
||||
monospace, emoji;
|
||||
|
||||
--color-owl-always-light: var(--green);
|
||||
--color-owl: var(--green);
|
||||
--color-beetle-always-light: var(--purple-dim);
|
||||
--color-beetle: var(--purple-dim);
|
||||
--color-dragon-always-light: var(--purple-dim);
|
||||
--color-dragon: var(--purple-dim);
|
||||
--color-peacock-always-light: var(--aqua);
|
||||
--color-peacock: var(--aqua);
|
||||
--color-macaw-always-light: var(--blue);
|
||||
--color-macaw: var(--blue);
|
||||
--color-starfish-always-light: var(--purple);
|
||||
--color-starfish: var(--purple);
|
||||
--color-fox-always-light: var(--orange);
|
||||
--color-fox: var(--orange);
|
||||
--color-cardinal-always-light: var(--red);
|
||||
--color-cardinal: var(--red);
|
||||
--color-grizzly-always-light: var(--gray-dim);
|
||||
--color-grizzly: var(--gray-dim);
|
||||
--color-cosmos: var(--blue);
|
||||
--color-nebula: var(--blue-dim);
|
||||
--color-iguana: var(--aqua);
|
||||
--color-blue-jay: var(--aqua-dim);
|
||||
--color-iguana: var(--aqua);
|
||||
--color-whale: var(--blue);
|
||||
--color-tree-frog: var(--green-dim);
|
||||
--color-sea-sponge: var(--green);
|
||||
--color-blue: var(--blue);
|
||||
--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%);
|
||||
|
||||
--color-snow: var(--rgb-bg);
|
||||
--color-eel: var(--rgb-fg);
|
||||
--color-wolf: var(--rgb-fg2);
|
||||
--color-hare: var(--rgb-fg1);
|
||||
--color-black-text: var(--rgb-fg);
|
||||
--color-swan: var(--rgb-bg4);
|
||||
--color-polar: var(--rgb-fg3);
|
||||
--color-gray-border: var(--rgb-fg4);
|
||||
|
||||
--color-owl-always-light: var(--rgb-green);
|
||||
--color-owl: var(--rgb-green);
|
||||
--color-beetle-always-light: var(--rgb-purple-dim);
|
||||
--color-beetle: var(--rgb-purple-dim);
|
||||
--color-dragon-always-light: var(--rgb-purple-dim);
|
||||
--color-dragon: var(--rgb-purple-dim);
|
||||
--color-peacock-always-light: var(--rgb-aqua);
|
||||
--color-peacock: var(--rgb-aqua);
|
||||
--color-macaw-always-light: var(--rgb-blue);
|
||||
--color-macaw: var(--rgb-blue);
|
||||
--color-starfish-always-light: var(--rgb-purple);
|
||||
--color-starfish: var(--rgb-purple);
|
||||
--color-fox-always-light: var(--rgb-orange);
|
||||
--color-fox: var(--rgb-orange);
|
||||
--color-cardinal-always-light: var(--rgb-red);
|
||||
--color-cardinal: var(--rgb-red);
|
||||
--color-grizzly-always-light: var(--rgb-gray-dim);
|
||||
--color-grizzly: var(--rgb-gray-dim);
|
||||
--color-cosmos: var(--rgb-blue);
|
||||
--color-nebula: var(--rgb-blue-dim);
|
||||
--color-iguana: var(--rgb-aqua);
|
||||
--color-blue-jay: var(--rgb-aqua-dim);
|
||||
--color-iguana: var(--rgb-aqua);
|
||||
--color-whale: var(--rgb-blue);
|
||||
--color-tree-frog: var(--rgb-green-dim);
|
||||
--color-sea-sponge: var(--rgb-green);
|
||||
--color-blue: var(--rgb-blue);
|
||||
}
|
||||
|
||||
/*Logo*/
|
||||
|
|
|
|||
|
|
@ -42,6 +42,100 @@
|
|||
--aqua-dim: #689d6a;
|
||||
--gray-dim: #a89984;
|
||||
--orange-dim: #d65d0e;
|
||||
|
||||
--rgb-bg_h: 29, 32, 33;
|
||||
--rgb-bg: 40, 40, 40;
|
||||
--rgb-bg_s: 50, 48, 47;
|
||||
--rgb-bg1: 60, 56, 54;
|
||||
--rgb-bg2: 80, 73, 69;
|
||||
--rgb-bg3: 102, 92, 84;
|
||||
--rgb-bg4: 124, 111, 100;
|
||||
|
||||
--rgb-fg: 251, 241, 199;
|
||||
--rgb-fg1: 235, 219, 178;
|
||||
--rgb-fg2: 213, 196, 161;
|
||||
--rgb-fg3: 189, 174, 147;
|
||||
--rgb-fg4: 168, 153, 132;
|
||||
|
||||
--rgb-red: 251, 73, 52;
|
||||
--rgb-green: 184, 187, 38;
|
||||
--rgb-yellow: 250, 189, 47;
|
||||
--rgb-blue: 131, 165, 152;
|
||||
--rgb-purple: 211, 134, 155;
|
||||
--rgb-aqua: 142, 192, 124;
|
||||
--rgb-gray: 146, 131, 116;
|
||||
--rgb-orange: 254, 128, 25;
|
||||
|
||||
--rgb-red-dim: 204, 36, 18;
|
||||
--rgb-green-dim: 152, 151, 26;
|
||||
--rgb-yellow-dim: 215, 153, 33;
|
||||
--rgb-blue-dim: 69, 133, 136;
|
||||
--rgb-purple-dim: 177, 98, 134;
|
||||
--rgb-aqua-dim: 104, 157, 106;
|
||||
--rgb-gray-dim: 168, 153, 132;
|
||||
--rgb-orange-dim: 214, 93, 14;
|
||||
|
||||
--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;
|
||||
}
|
||||
|
|
@ -53,8 +147,8 @@
|
|||
[data-color-mode="dark"][data-dark-theme="dark_high_contrast"],
|
||||
[data-color-mode="light"][data-light-theme="dark_dimmed"],
|
||||
[data-color-mode="dark"][data-dark-theme="dark_dimmed"],
|
||||
[data-color-mode=auto][data-light-theme*=light],
|
||||
[data-color-mode=auto][data-light-theme*=dark] {
|
||||
[data-color-mode="auto"][data-light-theme*="light"],
|
||||
[data-color-mode="auto"][data-light-theme*="dark"] {
|
||||
--color-header-bg: var(--bg4);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -43,6 +43,102 @@
|
|||
--gray-dim: #a89984;
|
||||
--orange-dim: #d65d0e;
|
||||
|
||||
--rgb-bg_h: 29, 32, 33;
|
||||
--rgb-bg: 40, 40, 40;
|
||||
--rgb-bg_s: 50, 48, 47;
|
||||
--rgb-bg1: 60, 56, 54;
|
||||
--rgb-bg2: 80, 73, 69;
|
||||
--rgb-bg3: 102, 92, 84;
|
||||
--rgb-bg4: 124, 111, 100;
|
||||
|
||||
--rgb-fg: 251, 241, 199;
|
||||
--rgb-fg1: 235, 219, 178;
|
||||
--rgb-fg2: 213, 196, 161;
|
||||
--rgb-fg3: 189, 174, 147;
|
||||
--rgb-fg4: 168, 153, 132;
|
||||
|
||||
--rgb-red: 251, 73, 52;
|
||||
--rgb-green: 184, 187, 38;
|
||||
--rgb-yellow: 250, 189, 47;
|
||||
--rgb-blue: 131, 165, 152;
|
||||
--rgb-purple: 211, 134, 155;
|
||||
--rgb-aqua: 142, 192, 124;
|
||||
--rgb-gray: 146, 131, 116;
|
||||
--rgb-orange: 254, 128, 25;
|
||||
|
||||
--rgb-red-dim: 204, 36, 18;
|
||||
--rgb-green-dim: 152, 151, 26;
|
||||
--rgb-yellow-dim: 215, 153, 33;
|
||||
--rgb-blue-dim: 69, 133, 136;
|
||||
--rgb-purple-dim: 177, 98, 134;
|
||||
--rgb-aqua-dim: 104, 157, 106;
|
||||
--rgb-gray-dim: 168, 153, 132;
|
||||
--rgb-orange-dim: 214, 93, 14;
|
||||
|
||||
--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;
|
||||
|
||||
--text-color: var(--fg4);
|
||||
--link-color: var(--blue);
|
||||
--header-color: var(--fg3);
|
||||
|
|
|
|||
|
|
@ -25,14 +25,14 @@
|
|||
--fg3: #bdae93;
|
||||
--fg4: #a89984;
|
||||
|
||||
--red: #fb4934 !important;
|
||||
--green: #b8bb26 !important;
|
||||
--yellow: #fabd2f !important;
|
||||
--blue: #83a598 !important;
|
||||
--purple: #d3869b !important;
|
||||
--aqua: #8ec07c !important;
|
||||
--gray: #928374 !important;
|
||||
--orange: #fe8019 !important;
|
||||
--red: #fb4934;
|
||||
--green: #b8bb26;
|
||||
--yellow: #fabd2f;
|
||||
--blue: #83a598;
|
||||
--purple: #d3869b;
|
||||
--aqua: #8ec07c;
|
||||
--gray: #928374;
|
||||
--orange: #fe8019;
|
||||
|
||||
--red-dim: #cc2412;
|
||||
--green-dim: #98971a;
|
||||
|
|
@ -42,6 +42,100 @@
|
|||
--aqua-dim: #689d6a;
|
||||
--gray-dim: #a89984;
|
||||
--orange-dim: #d65d0e;
|
||||
|
||||
--rgb-bg_h: 29, 32, 33;
|
||||
--rgb-bg: 40, 40, 40;
|
||||
--rgb-bg_s: 50, 48, 47;
|
||||
--rgb-bg1: 60, 56, 54;
|
||||
--rgb-bg2: 80, 73, 69;
|
||||
--rgb-bg3: 102, 92, 84;
|
||||
--rgb-bg4: 124, 111, 100;
|
||||
|
||||
--rgb-fg: 251, 241, 199;
|
||||
--rgb-fg1: 235, 219, 178;
|
||||
--rgb-fg2: 213, 196, 161;
|
||||
--rgb-fg3: 189, 174, 147;
|
||||
--rgb-fg4: 168, 153, 132;
|
||||
|
||||
--rgb-red: 251, 73, 52;
|
||||
--rgb-green: 184, 187, 38;
|
||||
--rgb-yellow: 250, 189, 47;
|
||||
--rgb-blue: 131, 165, 152;
|
||||
--rgb-purple: 211, 134, 155;
|
||||
--rgb-aqua: 142, 192, 124;
|
||||
--rgb-gray: 146, 131, 116;
|
||||
--rgb-orange: 254, 128, 25;
|
||||
|
||||
--rgb-red-dim: 204, 36, 18;
|
||||
--rgb-green-dim: 152, 151, 26;
|
||||
--rgb-yellow-dim: 215, 153, 33;
|
||||
--rgb-blue-dim: 69, 133, 136;
|
||||
--rgb-purple-dim: 177, 98, 134;
|
||||
--rgb-aqua-dim: 104, 157, 106;
|
||||
--rgb-gray-dim: 168, 153, 132;
|
||||
--rgb-orange-dim: 214, 93, 14;
|
||||
|
||||
--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;
|
||||
|
||||
|
|
|
|||
|
|
@ -43,6 +43,38 @@ domain("code.onedev.io") {
|
|||
--gray-dim: #a89984;
|
||||
--orange-dim: #d65d0e;
|
||||
|
||||
--rgb-bg_h: 29, 32, 33;
|
||||
--rgb-bg: 40, 40, 40;
|
||||
--rgb-bg_s: 50, 48, 47;
|
||||
--rgb-bg1: 60, 56, 54;
|
||||
--rgb-bg2: 80, 73, 69;
|
||||
--rgb-bg3: 102, 92, 84;
|
||||
--rgb-bg4: 124, 111, 100;
|
||||
|
||||
--rgb-fg: 251, 241, 199;
|
||||
--rgb-fg1: 235, 219, 178;
|
||||
--rgb-fg2: 213, 196, 161;
|
||||
--rgb-fg3: 189, 174, 147;
|
||||
--rgb-fg4: 168, 153, 132;
|
||||
|
||||
--rgb-red: 251, 73, 52;
|
||||
--rgb-green: 184, 187, 38;
|
||||
--rgb-yellow: 250, 189, 47;
|
||||
--rgb-blue: 131, 165, 152;
|
||||
--rgb-purple: 211, 134, 155;
|
||||
--rgb-aqua: 142, 192, 124;
|
||||
--rgb-gray: 146, 131, 116;
|
||||
--rgb-orange: 254, 128, 25;
|
||||
|
||||
--rgb-red-dim: 204, 36, 18;
|
||||
--rgb-green-dim: 152, 151, 26;
|
||||
--rgb-yellow-dim: 215, 153, 33;
|
||||
--rgb-blue-dim: 69, 133, 136;
|
||||
--rgb-purple-dim: 177, 98, 134;
|
||||
--rgb-aqua-dim: 104, 157, 106;
|
||||
--rgb-gray-dim: 168, 153, 132;
|
||||
--rgb-orange-dim: 214, 93, 14;
|
||||
|
||||
--filter-reset: brightness(0) saturate(100%);
|
||||
--filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)
|
||||
brightness(101%) contrast(91%);
|
||||
|
|
|
|||
|
|
@ -20,39 +20,133 @@
|
|||
@-moz-document domain("photopea.com") {
|
||||
/*~~~~~ Base Colors ~~~~~*/
|
||||
html {
|
||||
--bg_h: #1d2021;
|
||||
--bg: #282828;
|
||||
--bg_s: #32302f;
|
||||
--bg1: #3c3836;
|
||||
--bg2: #504945;
|
||||
--bg3: #665c54;
|
||||
--bg4: #7c6f64;
|
||||
--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;
|
||||
|
||||
--rgb-bg_h: 29, 32, 33;
|
||||
--rgb-bg: 40, 40, 40;
|
||||
--rgb-bg_s: 50, 48, 47;
|
||||
--rgb-bg1: 60, 56, 54;
|
||||
--rgb-bg2: 80, 73, 69;
|
||||
--rgb-bg3: 102, 92, 84;
|
||||
--rgb-bg4: 124, 111, 100;
|
||||
|
||||
--rgb-fg: 251, 241, 199;
|
||||
--rgb-fg1: 235, 219, 178;
|
||||
--rgb-fg2: 213, 196, 161;
|
||||
--rgb-fg3: 189, 174, 147;
|
||||
--rgb-fg4: 168, 153, 132;
|
||||
|
||||
--rgb-red: 251, 73, 52;
|
||||
--rgb-green: 184, 187, 38;
|
||||
--rgb-yellow: 250, 189, 47;
|
||||
--rgb-blue: 131, 165, 152;
|
||||
--rgb-purple: 211, 134, 155;
|
||||
--rgb-aqua: 142, 192, 124;
|
||||
--rgb-gray: 146, 131, 116;
|
||||
--rgb-orange: 254, 128, 25;
|
||||
|
||||
--rgb-red-dim: 204, 36, 18;
|
||||
--rgb-green-dim: 152, 151, 26;
|
||||
--rgb-yellow-dim: 215, 153, 33;
|
||||
--rgb-blue-dim: 69, 133, 136;
|
||||
--rgb-purple-dim: 177, 98, 134;
|
||||
--rgb-aqua-dim: 104, 157, 106;
|
||||
--rgb-gray-dim: 168, 153, 132;
|
||||
--rgb-orange-dim: 214, 93, 14;
|
||||
|
||||
--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;
|
||||
|
||||
--base: #282a36 !important;
|
||||
--bg-panel: #373949 !important;
|
||||
|
|
|
|||
|
|
@ -43,6 +43,100 @@
|
|||
--aqua-dim: #689d6a;
|
||||
--gray-dim: #a89984;
|
||||
--orange-dim: #d65d0e;
|
||||
|
||||
--rgb-bg_h: 29, 32, 33;
|
||||
--rgb-bg: 40, 40, 40;
|
||||
--rgb-bg_s: 50, 48, 47;
|
||||
--rgb-bg1: 60, 56, 54;
|
||||
--rgb-bg2: 80, 73, 69;
|
||||
--rgb-bg3: 102, 92, 84;
|
||||
--rgb-bg4: 124, 111, 100;
|
||||
|
||||
--rgb-fg: 251, 241, 199;
|
||||
--rgb-fg1: 235, 219, 178;
|
||||
--rgb-fg2: 213, 196, 161;
|
||||
--rgb-fg3: 189, 174, 147;
|
||||
--rgb-fg4: 168, 153, 132;
|
||||
|
||||
--rgb-red: 251, 73, 52;
|
||||
--rgb-green: 184, 187, 38;
|
||||
--rgb-yellow: 250, 189, 47;
|
||||
--rgb-blue: 131, 165, 152;
|
||||
--rgb-purple: 211, 134, 155;
|
||||
--rgb-aqua: 142, 192, 124;
|
||||
--rgb-gray: 146, 131, 116;
|
||||
--rgb-orange: 254, 128, 25;
|
||||
|
||||
--rgb-red-dim: 204, 36, 18;
|
||||
--rgb-green-dim: 152, 151, 26;
|
||||
--rgb-yellow-dim: 215, 153, 33;
|
||||
--rgb-blue-dim: 69, 133, 136;
|
||||
--rgb-purple-dim: 177, 98, 134;
|
||||
--rgb-aqua-dim: 104, 157, 106;
|
||||
--rgb-gray-dim: 168, 153, 132;
|
||||
--rgb-orange-dim: 214, 93, 14;
|
||||
|
||||
--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;
|
||||
|
||||
|
|
|
|||
142
src/proxmox.user.css
Normal file
142
src/proxmox.user.css
Normal file
|
|
@ -0,0 +1,142 @@
|
|||
/* ==UserStyle==
|
||||
@name Gruvbox for Proxmox
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.0
|
||||
@description Gruvbox Theme for Proxmox
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/~raw/main/src/proxmox.user.css
|
||||
@license MIT
|
||||
==/UserStyle== */
|
||||
|
||||
@-moz-document domain("DOMAIN.TLD") {
|
||||
: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;
|
||||
|
||||
--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;
|
||||
|
||||
--rgb-bg_h: 29, 32, 33;
|
||||
--rgb-bg: 40, 40, 40;
|
||||
--rgb-bg_s: 50, 48, 47;
|
||||
--rgb-bg1: 60, 56, 54;
|
||||
--rgb-bg2: 80, 73, 69;
|
||||
--rgb-bg3: 102, 92, 84;
|
||||
--rgb-bg4: 124, 111, 100;
|
||||
|
||||
--rgb-fg: 251, 241, 199;
|
||||
--rgb-fg1: 235, 219, 178;
|
||||
--rgb-fg2: 213, 196, 161;
|
||||
--rgb-fg3: 189, 174, 147;
|
||||
--rgb-fg4: 168, 153, 132;
|
||||
|
||||
--rgb-red: 251, 73, 52;
|
||||
--rgb-green: 184, 187, 38;
|
||||
--rgb-yellow: 250, 189, 47;
|
||||
--rgb-blue: 131, 165, 152;
|
||||
--rgb-purple: 211, 134, 155;
|
||||
--rgb-aqua: 142, 192, 124;
|
||||
--rgb-gray: 146, 131, 116;
|
||||
--rgb-orange: 254, 128, 25;
|
||||
|
||||
--rgb-red-dim: 204, 36, 18;
|
||||
--rgb-green-dim: 152, 151, 26;
|
||||
--rgb-yellow-dim: 215, 153, 33;
|
||||
--rgb-blue-dim: 69, 133, 136;
|
||||
--rgb-purple-dim: 177, 98, 134;
|
||||
--rgb-aqua-dim: 104, 157, 106;
|
||||
--rgb-gray-dim: 168, 153, 132;
|
||||
--rgb-orange-dim: 214, 93, 14;
|
||||
|
||||
--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