Update base themes

This commit is contained in:
Mars Niermann 2023-03-10 15:28:57 +00:00
parent 500a485ffd
commit 3a411c8e16
8 changed files with 355 additions and 323 deletions

View file

@ -43,37 +43,37 @@
--gray-dim: #a89984; --gray-dim: #a89984;
--orange-dim: #d65d0e; --orange-dim: #d65d0e;
--rgb-bg_h: 29, 32, 33; --rgb-bg_h: 29 32 33;
--rgb-bg: 40, 40, 40; --rgb-bg: 40 40 40;
--rgb-bg_s: 50, 48, 47; --rgb-bg_s: 50 48 47;
--rgb-bg1: 60, 56, 54; --rgb-bg1: 60 56 54;
--rgb-bg2: 80, 73, 69; --rgb-bg2: 80 73 69;
--rgb-bg3: 102, 92, 84; --rgb-bg3: 102 92 84;
--rgb-bg4: 124, 111, 100; --rgb-bg4: 124 111 100;
--rgb-fg: 251, 241, 199; --rgb-fg: 251 241 199;
--rgb-fg1: 235, 219, 178; --rgb-fg1: 235 219 178;
--rgb-fg2: 213, 196, 161; --rgb-fg2: 213 196 161;
--rgb-fg3: 189, 174, 147; --rgb-fg3: 189 174 147;
--rgb-fg4: 168, 153, 132; --rgb-fg4: 168 153 132;
--rgb-red: 251, 73, 52; --rgb-red: 251 73 52;
--rgb-green: 184, 187, 38; --rgb-green: 184 187 38;
--rgb-yellow: 250, 189, 47; --rgb-yellow: 250 189 47;
--rgb-blue: 131, 165, 152; --rgb-blue: 131 165 152;
--rgb-purple: 211, 134, 155; --rgb-purple: 211 134 155;
--rgb-aqua: 142, 192, 124; --rgb-aqua: 142 192 124;
--rgb-gray: 146, 131, 116; --rgb-gray: 146 131 116;
--rgb-orange: 254, 128, 25; --rgb-orange: 254 128 25;
--rgb-red-dim: 204, 36, 18; --rgb-red-dim: 204 36 18;
--rgb-green-dim: 152, 151, 26; --rgb-green-dim: 152 151 26;
--rgb-yellow-dim: 215, 153, 33; --rgb-yellow-dim: 215 153 33;
--rgb-blue-dim: 69, 133, 136; --rgb-blue-dim: 69 133 136;
--rgb-purple-dim: 177, 98, 134; --rgb-purple-dim: 177 98 134;
--rgb-aqua-dim: 104, 157, 106; --rgb-aqua-dim: 104 157 106;
--rgb-gray-dim: 168, 153, 132; --rgb-gray-dim: 168 153 132;
--rgb-orange-dim: 214, 93, 14; --rgb-orange-dim: 214 93 14;
--filter-reset: brightness(0) saturate(100%); --filter-reset: brightness(0) saturate(100%);
--filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg) --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)

View file

@ -12,37 +12,69 @@
@-moz-document domain("duolingo.com") { @-moz-document domain("duolingo.com") {
/*~~~~~ Base Colors ~~~~~*/ /*~~~~~ Base Colors ~~~~~*/
:root { :root {
--rgb-bg_h: 29, 32, 33; --bg_h: #1d2021;
--rgb-bg: 40, 40, 40; --bg: #282828;
--rgb-bg_s: 50, 48, 47; --bg_s: #32302f;
--rgb-bg1: 60, 56, 54; --bg1: #3c3836;
--rgb-bg2: 80, 73, 69; --bg2: #504945;
--rgb-bg3: 102, 92, 84; --bg3: #665c54;
--rgb-bg4: 124, 111, 100; --bg4: #7c6f64;
--rgb-fg: 251, 241, 199; --fg: #fbf1c7;
--rgb-fg1: 235, 219, 178; --fg1: #ebdbb2;
--rgb-fg2: 213, 196, 161; --fg2: #d5c4a1;
--rgb-fg3: 189, 174, 147; --fg3: #bdae93;
--rgb-fg4: 168, 153, 132; --fg4: #a89984;
--rgb-red: 251, 73, 52; --red: #fb4934;
--rgb-green: 184, 187, 38; --green: #b8bb26;
--rgb-yellow: 250, 189, 47; --yellow: #fabd2f;
--rgb-blue: 131, 165, 152; --blue: #83a598;
--rgb-purple: 211, 134, 155; --purple: #d3869b;
--rgb-aqua: 142, 192, 124; --aqua: #8ec07c;
--rgb-gray: 146, 131, 116; --gray: #928374;
--rgb-orange: 254, 128, 25; --orange: #fe8019;
--rgb-red-dim: 204, 36, 18; --red-dim: #cc2412;
--rgb-green-dim: 152, 151, 26; --green-dim: #98971a;
--rgb-yellow-dim: 215, 153, 33; --yellow-dim: #d79921;
--rgb-blue-dim: 69, 133, 136; --blue-dim: #458588;
--rgb-purple-dim: 177, 98, 134; --purple-dim: #b16286;
--rgb-aqua-dim: 104, 157, 106; --aqua-dim: #689d6a;
--rgb-gray-dim: 168, 153, 132; --gray-dim: #a89984;
--rgb-orange-dim: 214, 93, 14; --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;
--monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono", --monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
monospace, emoji; monospace, emoji;

View file

@ -43,37 +43,37 @@
--gray-dim: #a89984; --gray-dim: #a89984;
--orange-dim: #d65d0e; --orange-dim: #d65d0e;
--rgb-bg_h: 29, 32, 33; --rgb-bg_h: 29 32 33;
--rgb-bg: 40, 40, 40; --rgb-bg: 40 40 40;
--rgb-bg_s: 50, 48, 47; --rgb-bg_s: 50 48 47;
--rgb-bg1: 60, 56, 54; --rgb-bg1: 60 56 54;
--rgb-bg2: 80, 73, 69; --rgb-bg2: 80 73 69;
--rgb-bg3: 102, 92, 84; --rgb-bg3: 102 92 84;
--rgb-bg4: 124, 111, 100; --rgb-bg4: 124 111 100;
--rgb-fg: 251, 241, 199; --rgb-fg: 251 241 199;
--rgb-fg1: 235, 219, 178; --rgb-fg1: 235 219 178;
--rgb-fg2: 213, 196, 161; --rgb-fg2: 213 196 161;
--rgb-fg3: 189, 174, 147; --rgb-fg3: 189 174 147;
--rgb-fg4: 168, 153, 132; --rgb-fg4: 168 153 132;
--rgb-red: 251, 73, 52; --rgb-red: 251 73 52;
--rgb-green: 184, 187, 38; --rgb-green: 184 187 38;
--rgb-yellow: 250, 189, 47; --rgb-yellow: 250 189 47;
--rgb-blue: 131, 165, 152; --rgb-blue: 131 165 152;
--rgb-purple: 211, 134, 155; --rgb-purple: 211 134 155;
--rgb-aqua: 142, 192, 124; --rgb-aqua: 142 192 124;
--rgb-gray: 146, 131, 116; --rgb-gray: 146 131 116;
--rgb-orange: 254, 128, 25; --rgb-orange: 254 128 25;
--rgb-red-dim: 204, 36, 18; --rgb-red-dim: 204 36 18;
--rgb-green-dim: 152, 151, 26; --rgb-green-dim: 152 151 26;
--rgb-yellow-dim: 215, 153, 33; --rgb-yellow-dim: 215 153 33;
--rgb-blue-dim: 69, 133, 136; --rgb-blue-dim: 69 133 136;
--rgb-purple-dim: 177, 98, 134; --rgb-purple-dim: 177 98 134;
--rgb-aqua-dim: 104, 157, 106; --rgb-aqua-dim: 104 157 106;
--rgb-gray-dim: 168, 153, 132; --rgb-gray-dim: 168 153 132;
--rgb-orange-dim: 214, 93, 14; --rgb-orange-dim: 214 93 14;
--filter-reset: brightness(0) saturate(100%); --filter-reset: brightness(0) saturate(100%);
--filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg) --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)

View file

@ -43,37 +43,37 @@
--gray-dim: #a89984; --gray-dim: #a89984;
--orange-dim: #d65d0e; --orange-dim: #d65d0e;
--rgb-bg_h: 29, 32, 33; --rgb-bg_h: 29 32 33;
--rgb-bg: 40, 40, 40; --rgb-bg: 40 40 40;
--rgb-bg_s: 50, 48, 47; --rgb-bg_s: 50 48 47;
--rgb-bg1: 60, 56, 54; --rgb-bg1: 60 56 54;
--rgb-bg2: 80, 73, 69; --rgb-bg2: 80 73 69;
--rgb-bg3: 102, 92, 84; --rgb-bg3: 102 92 84;
--rgb-bg4: 124, 111, 100; --rgb-bg4: 124 111 100;
--rgb-fg: 251, 241, 199; --rgb-fg: 251 241 199;
--rgb-fg1: 235, 219, 178; --rgb-fg1: 235 219 178;
--rgb-fg2: 213, 196, 161; --rgb-fg2: 213 196 161;
--rgb-fg3: 189, 174, 147; --rgb-fg3: 189 174 147;
--rgb-fg4: 168, 153, 132; --rgb-fg4: 168 153 132;
--rgb-red: 251, 73, 52; --rgb-red: 251 73 52;
--rgb-green: 184, 187, 38; --rgb-green: 184 187 38;
--rgb-yellow: 250, 189, 47; --rgb-yellow: 250 189 47;
--rgb-blue: 131, 165, 152; --rgb-blue: 131 165 152;
--rgb-purple: 211, 134, 155; --rgb-purple: 211 134 155;
--rgb-aqua: 142, 192, 124; --rgb-aqua: 142 192 124;
--rgb-gray: 146, 131, 116; --rgb-gray: 146 131 116;
--rgb-orange: 254, 128, 25; --rgb-orange: 254 128 25;
--rgb-red-dim: 204, 36, 18; --rgb-red-dim: 204 36 18;
--rgb-green-dim: 152, 151, 26; --rgb-green-dim: 152 151 26;
--rgb-yellow-dim: 215, 153, 33; --rgb-yellow-dim: 215 153 33;
--rgb-blue-dim: 69, 133, 136; --rgb-blue-dim: 69 133 136;
--rgb-purple-dim: 177, 98, 134; --rgb-purple-dim: 177 98 134;
--rgb-aqua-dim: 104, 157, 106; --rgb-aqua-dim: 104 157 106;
--rgb-gray-dim: 168, 153, 132; --rgb-gray-dim: 168 153 132;
--rgb-orange-dim: 214, 93, 14; --rgb-orange-dim: 214 93 14;
--filter-reset: brightness(0) saturate(100%); --filter-reset: brightness(0) saturate(100%);
--filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg) --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)

View file

@ -43,37 +43,37 @@
--gray-dim: #a89984; --gray-dim: #a89984;
--orange-dim: #d65d0e; --orange-dim: #d65d0e;
--rgb-bg_h: 29, 32, 33; --rgb-bg_h: 29 32 33;
--rgb-bg: 40, 40, 40; --rgb-bg: 40 40 40;
--rgb-bg_s: 50, 48, 47; --rgb-bg_s: 50 48 47;
--rgb-bg1: 60, 56, 54; --rgb-bg1: 60 56 54;
--rgb-bg2: 80, 73, 69; --rgb-bg2: 80 73 69;
--rgb-bg3: 102, 92, 84; --rgb-bg3: 102 92 84;
--rgb-bg4: 124, 111, 100; --rgb-bg4: 124 111 100;
--rgb-fg: 251, 241, 199; --rgb-fg: 251 241 199;
--rgb-fg1: 235, 219, 178; --rgb-fg1: 235 219 178;
--rgb-fg2: 213, 196, 161; --rgb-fg2: 213 196 161;
--rgb-fg3: 189, 174, 147; --rgb-fg3: 189 174 147;
--rgb-fg4: 168, 153, 132; --rgb-fg4: 168 153 132;
--rgb-red: 251, 73, 52; --rgb-red: 251 73 52;
--rgb-green: 184, 187, 38; --rgb-green: 184 187 38;
--rgb-yellow: 250, 189, 47; --rgb-yellow: 250 189 47;
--rgb-blue: 131, 165, 152; --rgb-blue: 131 165 152;
--rgb-purple: 211, 134, 155; --rgb-purple: 211 134 155;
--rgb-aqua: 142, 192, 124; --rgb-aqua: 142 192 124;
--rgb-gray: 146, 131, 116; --rgb-gray: 146 131 116;
--rgb-orange: 254, 128, 25; --rgb-orange: 254 128 25;
--rgb-red-dim: 204, 36, 18; --rgb-red-dim: 204 36 18;
--rgb-green-dim: 152, 151, 26; --rgb-green-dim: 152 151 26;
--rgb-yellow-dim: 215, 153, 33; --rgb-yellow-dim: 215 153 33;
--rgb-blue-dim: 69, 133, 136; --rgb-blue-dim: 69 133 136;
--rgb-purple-dim: 177, 98, 134; --rgb-purple-dim: 177 98 134;
--rgb-aqua-dim: 104, 157, 106; --rgb-aqua-dim: 104 157 106;
--rgb-gray-dim: 168, 153, 132; --rgb-gray-dim: 168 153 132;
--rgb-orange-dim: 214, 93, 14; --rgb-orange-dim: 214 93 14;
--filter-reset: brightness(0) saturate(100%); --filter-reset: brightness(0) saturate(100%);
--filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg) --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)

View file

@ -43,37 +43,37 @@ domain("code.onedev.io") {
--gray-dim: #a89984; --gray-dim: #a89984;
--orange-dim: #d65d0e; --orange-dim: #d65d0e;
--rgb-bg_h: 29, 32, 33; --rgb-bg_h: 29 32 33;
--rgb-bg: 40, 40, 40; --rgb-bg: 40 40 40;
--rgb-bg_s: 50, 48, 47; --rgb-bg_s: 50 48 47;
--rgb-bg1: 60, 56, 54; --rgb-bg1: 60 56 54;
--rgb-bg2: 80, 73, 69; --rgb-bg2: 80 73 69;
--rgb-bg3: 102, 92, 84; --rgb-bg3: 102 92 84;
--rgb-bg4: 124, 111, 100; --rgb-bg4: 124 111 100;
--rgb-fg: 251, 241, 199; --rgb-fg: 251 241 199;
--rgb-fg1: 235, 219, 178; --rgb-fg1: 235 219 178;
--rgb-fg2: 213, 196, 161; --rgb-fg2: 213 196 161;
--rgb-fg3: 189, 174, 147; --rgb-fg3: 189 174 147;
--rgb-fg4: 168, 153, 132; --rgb-fg4: 168 153 132;
--rgb-red: 251, 73, 52; --rgb-red: 251 73 52;
--rgb-green: 184, 187, 38; --rgb-green: 184 187 38;
--rgb-yellow: 250, 189, 47; --rgb-yellow: 250 189 47;
--rgb-blue: 131, 165, 152; --rgb-blue: 131 165 152;
--rgb-purple: 211, 134, 155; --rgb-purple: 211 134 155;
--rgb-aqua: 142, 192, 124; --rgb-aqua: 142 192 124;
--rgb-gray: 146, 131, 116; --rgb-gray: 146 131 116;
--rgb-orange: 254, 128, 25; --rgb-orange: 254 128 25;
--rgb-red-dim: 204, 36, 18; --rgb-red-dim: 204 36 18;
--rgb-green-dim: 152, 151, 26; --rgb-green-dim: 152 151 26;
--rgb-yellow-dim: 215, 153, 33; --rgb-yellow-dim: 215 153 33;
--rgb-blue-dim: 69, 133, 136; --rgb-blue-dim: 69 133 136;
--rgb-purple-dim: 177, 98, 134; --rgb-purple-dim: 177 98 134;
--rgb-aqua-dim: 104, 157, 106; --rgb-aqua-dim: 104 157 106;
--rgb-gray-dim: 168, 153, 132; --rgb-gray-dim: 168 153 132;
--rgb-orange-dim: 214, 93, 14; --rgb-orange-dim: 214 93 14;
--filter-reset: brightness(0) saturate(100%); --filter-reset: brightness(0) saturate(100%);
--filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg) --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)

View file

@ -52,37 +52,37 @@
--gray-dim: #a89984; --gray-dim: #a89984;
--orange-dim: #d65d0e; --orange-dim: #d65d0e;
--rgb-bg_h: 29, 32, 33; --rgb-bg_h: 29 32 33;
--rgb-bg: 40, 40, 40; --rgb-bg: 40 40 40;
--rgb-bg_s: 50, 48, 47; --rgb-bg_s: 50 48 47;
--rgb-bg1: 60, 56, 54; --rgb-bg1: 60 56 54;
--rgb-bg2: 80, 73, 69; --rgb-bg2: 80 73 69;
--rgb-bg3: 102, 92, 84; --rgb-bg3: 102 92 84;
--rgb-bg4: 124, 111, 100; --rgb-bg4: 124 111 100;
--rgb-fg: 251, 241, 199; --rgb-fg: 251 241 199;
--rgb-fg1: 235, 219, 178; --rgb-fg1: 235 219 178;
--rgb-fg2: 213, 196, 161; --rgb-fg2: 213 196 161;
--rgb-fg3: 189, 174, 147; --rgb-fg3: 189 174 147;
--rgb-fg4: 168, 153, 132; --rgb-fg4: 168 153 132;
--rgb-red: 251, 73, 52; --rgb-red: 251 73 52;
--rgb-green: 184, 187, 38; --rgb-green: 184 187 38;
--rgb-yellow: 250, 189, 47; --rgb-yellow: 250 189 47;
--rgb-blue: 131, 165, 152; --rgb-blue: 131 165 152;
--rgb-purple: 211, 134, 155; --rgb-purple: 211 134 155;
--rgb-aqua: 142, 192, 124; --rgb-aqua: 142 192 124;
--rgb-gray: 146, 131, 116; --rgb-gray: 146 131 116;
--rgb-orange: 254, 128, 25; --rgb-orange: 254 128 25;
--rgb-red-dim: 204, 36, 18; --rgb-red-dim: 204 36 18;
--rgb-green-dim: 152, 151, 26; --rgb-green-dim: 152 151 26;
--rgb-yellow-dim: 215, 153, 33; --rgb-yellow-dim: 215 153 33;
--rgb-blue-dim: 69, 133, 136; --rgb-blue-dim: 69 133 136;
--rgb-purple-dim: 177, 98, 134; --rgb-purple-dim: 177 98 134;
--rgb-aqua-dim: 104, 157, 106; --rgb-aqua-dim: 104 157 106;
--rgb-gray-dim: 168, 153, 132; --rgb-gray-dim: 168 153 132;
--rgb-orange-dim: 214, 93, 14; --rgb-orange-dim: 214 93 14;
--filter-reset: brightness(0) saturate(100%); --filter-reset: brightness(0) saturate(100%);
--filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg) --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)

View file

@ -44,37 +44,37 @@
--gray-dim: #a89984; --gray-dim: #a89984;
--orange-dim: #d65d0e; --orange-dim: #d65d0e;
--rgb-bg_h: 29, 32, 33; --rgb-bg_h: 29 32 33;
--rgb-bg: 40, 40, 40; --rgb-bg: 40 40 40;
--rgb-bg_s: 50, 48, 47; --rgb-bg_s: 50 48 47;
--rgb-bg1: 60, 56, 54; --rgb-bg1: 60 56 54;
--rgb-bg2: 80, 73, 69; --rgb-bg2: 80 73 69;
--rgb-bg3: 102, 92, 84; --rgb-bg3: 102 92 84;
--rgb-bg4: 124, 111, 100; --rgb-bg4: 124 111 100;
--rgb-fg: 251, 241, 199; --rgb-fg: 251 241 199;
--rgb-fg1: 235, 219, 178; --rgb-fg1: 235 219 178;
--rgb-fg2: 213, 196, 161; --rgb-fg2: 213 196 161;
--rgb-fg3: 189, 174, 147; --rgb-fg3: 189 174 147;
--rgb-fg4: 168, 153, 132; --rgb-fg4: 168 153 132;
--rgb-red: 251, 73, 52; --rgb-red: 251 73 52;
--rgb-green: 184, 187, 38; --rgb-green: 184 187 38;
--rgb-yellow: 250, 189, 47; --rgb-yellow: 250 189 47;
--rgb-blue: 131, 165, 152; --rgb-blue: 131 165 152;
--rgb-purple: 211, 134, 155; --rgb-purple: 211 134 155;
--rgb-aqua: 142, 192, 124; --rgb-aqua: 142 192 124;
--rgb-gray: 146, 131, 116; --rgb-gray: 146 131 116;
--rgb-orange: 254, 128, 25; --rgb-orange: 254 128 25;
--rgb-red-dim: 204, 36, 18; --rgb-red-dim: 204 36 18;
--rgb-green-dim: 152, 151, 26; --rgb-green-dim: 152 151 26;
--rgb-yellow-dim: 215, 153, 33; --rgb-yellow-dim: 215 153 33;
--rgb-blue-dim: 69, 133, 136; --rgb-blue-dim: 69 133 136;
--rgb-purple-dim: 177, 98, 134; --rgb-purple-dim: 177 98 134;
--rgb-aqua-dim: 104, 157, 106; --rgb-aqua-dim: 104 157 106;
--rgb-gray-dim: 168, 153, 132; --rgb-gray-dim: 168 153 132;
--rgb-orange-dim: 214, 93, 14; --rgb-orange-dim: 214 93 14;
--filter-reset: brightness(0) saturate(100%); --filter-reset: brightness(0) saturate(100%);
--filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg) --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)