From 1b66802fc6013b85bb3587b28ccdf38658ee186e Mon Sep 17 00:00:00 2001 From: dragonwocky Date: Sat, 29 Aug 2020 14:25:39 +1000 Subject: [PATCH] fix #65: separate bg and select variables. --- repo/core/css/dark.css | 45 +++++++++++++++++++++++++++++-------- repo/core/css/light.css | 45 +++++++++++++++++++++++++++++-------- repo/core/css/localised.css | 20 +++++++++++++++++ repo/core/css/variables.css | 40 +++++++++++++++++++++++++-------- repo/dark+/mod.js | 2 +- repo/dark+/styles.css | 28 +++++++++++++++-------- repo/gameish/mod.js | 2 +- repo/gameish/styles.css | 15 ++++++++----- repo/neutral/mod.js | 2 +- repo/neutral/styles.css | 28 +++++++++++++++-------- repo/pastel-dark/mod.js | 2 +- repo/pastel-dark/styles.css | 31 ++++++++++++++++--------- 12 files changed, 196 insertions(+), 64 deletions(-) diff --git a/repo/core/css/dark.css b/repo/core/css/dark.css index 2b4d9ed..f7d44a4 100644 --- a/repo/core/css/dark.css +++ b/repo/core/css/dark.css @@ -183,7 +183,10 @@ .dark [style*='color:rgba(151,154,155,0.95)'] { color: var(--theme--text_gray) !important; } -.dark [style*='background: rgba(151, 154, 155, 0.5)'], +.dark [style*='background: rgba(151, 154, 155, 0.5)'] { + background: var(--theme--select_gray) !important; + color: var(--theme--select_text) !important; +} .dark [style*='background:rgb(69,75,78)'] { background: var(--theme--bg_gray) !important; color: var(--theme--bg_text) !important; @@ -194,7 +197,10 @@ .dark [style*='color:rgb(147,114,100)'] { color: var(--theme--text_brown) !important; } -.dark [style*='background: rgba(147, 114, 100, 0.5)'], +.dark [style*='background: rgba(147, 114, 100, 0.5)'] { + background: var(--theme--select_brown) !important; + color: var(--theme--select_text) !important; +} .dark [style*='background:rgb(67,64,64)'] { background: var(--theme--bg_brown) !important; color: var(--theme--bg_text) !important; @@ -205,7 +211,10 @@ .dark [style*='color:rgb(255,163,68)'] { color: var(--theme--text_orange) !important; } -.dark [style*='background: rgba(255, 163, 68, 0.5)'], +.dark [style*='background: rgba(255, 163, 68, 0.5)'] { + background: var(--theme--select_orange) !important; + color: var(--theme--select_text) !important; +} .dark [style*='background:rgb(89,74,58)'] { background: var(--theme--bg_orange) !important; color: var(--theme--bg_text) !important; @@ -216,7 +225,10 @@ .dark [style*='color:rgb(255,220,73)'] { color: var(--theme--text_yellow) !important; } -.dark [style*='background: rgba(255, 220, 73, 0.5)'], +.dark [style*='background: rgba(255, 220, 73, 0.5)'] { + background: var(--theme--select_yellow) !important; + color: var(--theme--select_text) !important; +} .dark [style*='background:rgb(89,86,59)'] { background: var(--theme--bg_yellow) !important; color: var(--theme--bg_text) !important; @@ -227,7 +239,10 @@ .dark [style*='color:rgb(77,171,154)'] { color: var(--theme--text_green) !important; } -.dark [style*='background: rgba(77, 171, 154, 0.5)'], +.dark [style*='background: rgba(77, 171, 154, 0.5)'] { + background: var(--theme--select_green) !important; + color: var(--theme--select_text) !important; +} .dark [style*='background:rgb(53,76,75)'] { background: var(--theme--bg_green) !important; color: var(--theme--bg_text) !important; @@ -238,7 +253,10 @@ .dark [style*='color:rgb(82,156,202)'] { color: var(--theme--text_blue) !important; } -.dark [style*='background: rgba(82, 156, 202, 0.5)'], +.dark [style*='background: rgba(82, 156, 202, 0.5)'] { + background: var(--theme--select_purple) !important; + color: var(--theme--select_text) !important; +} .dark [style*='background:rgb(54,73,84)'] { background: var(--theme--bg_blue) !important; color: var(--theme--bg_text) !important; @@ -249,7 +267,10 @@ .dark [style*='color:rgb(154,109,215)'] { color: var(--theme--text_purple) !important; } -.dark [style*='background: rgba(154, 109, 215, 0.5)'], +.dark [style*='background: rgba(154, 109, 215, 0.5)'] { + background: var(--theme--select_purple) !important; + color: var(--theme--select_text) !important; +} .dark [style*='background:rgb(68,63,87)'] { background: var(--theme--bg_purple) !important; color: var(--theme--bg_text) !important; @@ -260,7 +281,10 @@ .dark [style*='color:rgb(226,85,161)'] { color: var(--theme--text_pink) !important; } -.dark [style*='background: rgba(226, 85, 161, 0.5)'], +.dark [style*='background: rgba(226, 85, 161, 0.5)'] { + background: var(--theme--select_pink) !important; + color: var(--theme--select_text) !important; +} .dark [style*='background:rgb(83,59,76)'] { background: var(--theme--bg_pink) !important; color: var(--theme--bg_text) !important; @@ -271,7 +295,10 @@ .dark [style*='color:rgb(255,115,105)'] { color: var(--theme--text_red) !important; } -.dark [style*='background: rgba(255, 115, 105, 0.5);'], +.dark [style*='background: rgba(255, 115, 105, 0.5);'] { + background: var(--theme--select_red) !important; + color: var(--theme--select_text) !important; +} .dark [style*='background:rgb(89,65,65)'] { background: var(--theme--bg_red) !important; color: var(--theme--bg_text) !important; diff --git a/repo/core/css/light.css b/repo/core/css/light.css index 1dba650..6dab07b 100644 --- a/repo/core/css/light.css +++ b/repo/core/css/light.css @@ -204,7 +204,10 @@ .notion-body:not(.dark) [style*='color:rgb(155,154,151)'] { color: var(--theme--text_gray) !important; } -.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'], +.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] { + background: var(--theme--select_gray) !important; + color: var(--theme--select_text) !important; +} .notion-body:not(.dark) [style*='background:rgb(235,236,237)'] { background: var(--theme--bg_gray) !important; color: var(--theme--bg_text) !important; @@ -215,7 +218,10 @@ .notion-body:not(.dark) [style*='color:rgb(100,71,58)'] { color: var(--theme--text_brown) !important; } -.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'], +.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] { + background: var(--theme--select_brown) !important; + color: var(--theme--select_text) !important; +} .notion-body:not(.dark) [style*='background:rgb(233,229,227)'] { background: var(--theme--bg_brown) !important; color: var(--theme--bg_text) !important; @@ -226,7 +232,10 @@ .notion-body:not(.dark) [style*='color:rgb(217,115,13)'] { color: var(--theme--text_orange) !important; } -.notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'], +.notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'] { + background: var(--theme--select_orange) !important; + color: var(--theme--select_text) !important; +} .notion-body:not(.dark) [style*='background:rgb(250,235,221)'] { background: var(--theme--bg_orange) !important; color: var(--theme--bg_text) !important; @@ -237,7 +246,10 @@ .notion-body:not(.dark) [style*='color:rgb(223,171,1)'] { color: var(--theme--text_yellow) !important; } -.notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'], +.notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'] { + background: var(--theme--select_yellow) !important; + color: var(--theme--select_text) !important; +} .notion-body:not(.dark) [style*='background:rgb(251,243,219)'] { background: var(--theme--bg_yellow) !important; color: var(--theme--bg_text) !important; @@ -248,7 +260,10 @@ .notion-body:not(.dark) [style*='color:rgb(15,123,108)'] { color: var(--theme--text_green) !important; } -.notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'], +.notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'] { + background: var(--theme--select_green) !important; + color: var(--theme--select_text) !important; +} .notion-body:not(.dark) [style*='background:rgb(221,237,234)'] { background: var(--theme--bg_green) !important; color: var(--theme--bg_text) !important; @@ -259,7 +274,10 @@ .notion-body:not(.dark) [style*='color:rgb(11,110,153)'] { color: var(--theme--text_blue) !important; } -.notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'], +.notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'] { + background: var(--theme--select_purple) !important; + color: var(--theme--select_text) !important; +} .notion-body:not(.dark) [style*='background:rgb(221,235,241)'] { background: var(--theme--bg_blue) !important; color: var(--theme--bg_text) !important; @@ -270,7 +288,10 @@ .notion-body:not(.dark) [style*='color:rgb(105,64,165)'] { color: var(--theme--text_purple) !important; } -.notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'], +.notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'] { + background: var(--theme--select_purple) !important; + color: var(--theme--select_text) !important; +} .notion-body:not(.dark) [style*='background:rgb(234,228,242)'] { background: var(--theme--bg_purple) !important; color: var(--theme--bg_text) !important; @@ -281,7 +302,10 @@ .notion-body:not(.dark) [style*='color:rgb(173,26,114)'] { color: var(--theme--text_pink) !important; } -.notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'], +.notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'] { + background: var(--theme--select_pink) !important; + color: var(--theme--select_text) !important; +} .notion-body:not(.dark) [style*='background:rgb(244,223,235)'] { background: var(--theme--bg_pink) !important; color: var(--theme--bg_text) !important; @@ -292,7 +316,10 @@ .notion-body:not(.dark) [style*='color:rgb(224,62,62)'] { color: var(--theme--text_red) !important; } -.notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'], +.notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'] { + background: var(--theme--select_red) !important; + color: var(--theme--select_text) !important; +} .notion-body:not(.dark) [style*='background:rgb(251,228,228)'] { background: var(--theme--bg_red) !important; color: var(--theme--bg_text) !important; diff --git a/repo/core/css/localised.css b/repo/core/css/localised.css index f0f0c0b..390c0f6 100644 --- a/repo/core/css/localised.css +++ b/repo/core/css/localised.css @@ -67,6 +67,16 @@ --theme--text_purple: var(--theme_dark--text_purple); --theme--text_pink: var(--theme_dark--text_pink); --theme--text_red: var(--theme_dark--text_red); + --theme--select_text: var(--theme_dark--select_text); + --theme--select_gray: var(--theme_dark--select_gray); + --theme--select_brown: var(--theme_dark--select_brown); + --theme--select_orange: var(--theme_dark--select_orange); + --theme--select_yellow: var(--theme_dark--select_yellow); + --theme--select_green: var(--theme_dark--select_green); + --theme--select_blue: var(--theme_dark--select_blue); + --theme--select_purple: var(--theme_dark--select_purple); + --theme--select_pink: var(--theme_dark--select_pink); + --theme--select_red: var(--theme_dark--select_red); --theme--bg_text: var(--theme_dark--bg_text); --theme--bg_gray: var(--theme_dark--bg_gray); --theme--bg_brown: var(--theme_dark--bg_brown); @@ -168,6 +178,16 @@ --theme--text_purple: var(--theme_light--text_purple); --theme--text_pink: var(--theme_light--text_pink); --theme--text_red: var(--theme_light--text_red); + --theme--select_text: var(--theme_light--select_text); + --theme--select_gray: var(--theme_light--select_gray); + --theme--select_brown: var(--theme_light--select_brown); + --theme--select_orange: var(--theme_light--select_orange); + --theme--select_yellow: var(--theme_light--select_yellow); + --theme--select_green: var(--theme_light--select_green); + --theme--select_blue: var(--theme_light--select_blue); + --theme--select_purple: var(--theme_light--select_purple); + --theme--select_pink: var(--theme_light--select_pink); + --theme--select_red: var(--theme_light--select_red); --theme--bg_text: var(--theme_light--bg_text); --theme--bg_gray: var(--theme_light--bg_gray); --theme--bg_brown: var(--theme_light--bg_brown); diff --git a/repo/core/css/variables.css b/repo/core/css/variables.css index 65d7dc7..883bb8f 100644 --- a/repo/core/css/variables.css +++ b/repo/core/css/variables.css @@ -81,16 +81,27 @@ --theme_dark--text_pink: rgb(226, 85, 161); --theme_dark--text_red: rgb(255, 115, 105); + --theme_dark--select_text: var(--theme_dark--text); + --theme_dark--select_gray: rgba(151, 154, 155, 0.5); + --theme_dark--select_brown: rgba(147, 114, 100, 0.5); + --theme_dark--select_orange: rgba(255, 163, 68, 0.5); + --theme_dark--select_yellow: rgba(255, 220, 73, 0.5); + --theme_dark--select_green: rgba(77, 171, 154, 0.5); + --theme_dark--select_blue: rgba(82, 156, 202, 0.5); + --theme_dark--select_purple: rgba(154, 109, 215, 0.5); + --theme_dark--select_pink: rgba(226, 85, 161, 0.5); + --theme_dark--select_red: rgba(255, 115, 105, 0.5); + --theme_dark--bg_text: var(--theme_dark--text); - --theme_dark--bg_gray: rgba(151, 154, 155, 0.5); - --theme_dark--bg_brown: rgba(147, 114, 100, 0.5); - --theme_dark--bg_orange: rgba(255, 163, 68, 0.5); - --theme_dark--bg_yellow: rgba(255, 220, 73, 0.5); - --theme_dark--bg_green: rgba(77, 171, 154, 0.5); - --theme_dark--bg_blue: rgba(82, 156, 202, 0.5); - --theme_dark--bg_purple: rgba(154, 109, 215, 0.5); - --theme_dark--bg_pink: rgba(226, 85, 161, 0.5); - --theme_dark--bg_red: rgba(255, 115, 105, 0.5); + --theme_dark--bg_gray: rgb(69, 75, 78); + --theme_dark--bg_brown: rgb(67, 64, 64); + --theme_dark--bg_orange: rgb(89, 74, 58); + --theme_dark--bg_yellow: rgb(89, 86, 59); + --theme_dark--bg_green: rgb(53, 76, 75); + --theme_dark--bg_blue: rgb(54, 73, 84); + --theme_dark--bg_purple: rgb(68, 63, 87); + --theme_dark--bg_pink: rgb(83, 59, 76); + --theme_dark--bg_red: rgb(89, 65, 65); --theme_dark--line_text: var(--theme_dark--text); --theme_dark--line_gray: rgb(69, 75, 78); @@ -195,6 +206,17 @@ --theme_light--text_pink: rgb(173, 26, 114); --theme_light--text_red: rgb(224, 62, 62); + --theme_light--select_text: var(--theme_light--text); + --theme_light--select_gray: rgba(140, 46, 0, 0.2); + --theme_light--select_brown: rgba(140, 46, 0, 0.2); + --theme_light--select_orange: rgba(245, 93, 0, 0.2); + --theme_light--select_yellow: rgba(233, 168, 0, 0.2); + --theme_light--select_green: rgba(0, 135, 107, 0.2); + --theme_light--select_blue: rgba(0, 120, 223, 0.2); + --theme_light--select_purple: rgba(103, 36, 222, 0.2); + --theme_light--select_pink: rgba(221, 0, 129, 0.2); + --theme_light--select_red: rgba(255, 0, 26, 0.2); + --theme_light--bg_text: var(--theme_light--text); --theme_light--bg_gray: rgb(235, 236, 237); --theme_light--bg_brown: rgb(233, 229, 227); diff --git a/repo/dark+/mod.js b/repo/dark+/mod.js index c0bac84..6f2487a 100644 --- a/repo/dark+/mod.js +++ b/repo/dark+/mod.js @@ -11,7 +11,7 @@ module.exports = { tags: ['theme', 'dark'], name: 'dark+', desc: 'a vivid-colour near-black theme.', - version: '0.1.3', + version: '0.1.4', author: 'dragonwocky', options: [ { diff --git a/repo/dark+/styles.css b/repo/dark+/styles.css index 02f0c01..d9afdc2 100644 --- a/repo/dark+/styles.css +++ b/repo/dark+/styles.css @@ -34,15 +34,25 @@ --theme_dark--text_pink: rgb(226, 85, 161); --theme_dark--text_red: rgb(218, 47, 35); - --theme_dark--bg_gray: rgba(126, 128, 129, 0.5); - --theme_dark--bg_brown: #50331f; - --theme_dark--bg_orange: rgba(255, 155, 0, 0.58); - --theme_dark--bg_yellow: rgba(183, 155, 0, 1); - --theme_dark--bg_green: rgb(50, 129, 47); - --theme_dark--bg_blue: rgba(0, 90, 146, 0.71); - --theme_dark--bg_purple: rgba(91, 49, 148, 0.74); - --theme_dark--bg_pink: rgba(243, 61, 159, 0.5); - --theme_dark--bg_red: rgb(122, 20, 20); + --theme_dark--select_gray: rgba(126, 128, 129, 0.5); + --theme_dark--select_brown: #50331f; + --theme_dark--select_orange: rgba(255, 155, 0, 0.58); + --theme_dark--select_yellow: rgba(183, 155, 0, 1); + --theme_dark--select_green: rgb(50, 129, 47); + --theme_dark--select_blue: rgba(0, 90, 146, 0.71); + --theme_dark--select_purple: rgba(91, 49, 148, 0.74); + --theme_dark--select_pink: rgba(243, 61, 159, 0.5); + --theme_dark--select_red: rgb(122, 20, 20); + + --theme_dark--bg_gray: var(--theme_dark--select_gray); + --theme_dark--bg_brown: var(--theme_dark--select_brown); + --theme_dark--bg_orange: var(--theme_dark--select_orange); + --theme_dark--bg_yellow: var(--theme_dark--select_yellow); + --theme_dark--bg_green: var(--theme_dark--select_green); + --theme_dark--bg_blue: var(--theme_dark--select_blue); + --theme_dark--bg_purple: var(--theme_dark--select_purple); + --theme_dark--bg_pink: var(--theme_dark--select_pink); + --theme_dark--bg_red: var(--theme_dark--select_red); --theme_dark--line_gray: rgba(126, 128, 129, 0.301); --theme_dark--line_brown: #50331fad; diff --git a/repo/gameish/mod.js b/repo/gameish/mod.js index 7fac8f9..405aabe 100644 --- a/repo/gameish/mod.js +++ b/repo/gameish/mod.js @@ -12,7 +12,7 @@ module.exports = { tags: ['theme', 'dark'], name: 'gameish', desc: 'a purple, "gamer-styled" theme with a blocky-font.', - version: '0.1.1', + version: '0.1.2', author: { name: 'LVL100ShrekCultist', link: 'https://www.reddit.com/user/LVL100ShrekCultist/', diff --git a/repo/gameish/styles.css b/repo/gameish/styles.css index edbf410..b0c914b 100644 --- a/repo/gameish/styles.css +++ b/repo/gameish/styles.css @@ -49,12 +49,17 @@ --theme_dark--text_purple: #d43cc7; --theme_dark--text_red: #d93939; - --theme_dark--bg_red: rgba(216, 57, 46, 0.5); + --theme_dark--select_red: rgba(216, 57, 46, 0.5); - --theme_dark--line_brown: rgb(78, 57, 48); - --theme_dark--line_orange: rgb(136, 80, 48); - --theme_dark--line_yellow: #fbe2287c; - --theme_dark--line_red: rgb(151, 62, 62); + --theme_dark--bg_brown: rgb(78, 57, 48); + --theme_dark--bg_orange: rgb(136, 80, 48); + --theme_dark--bg_yellow: #fbe2287c; + --theme_dark--bg_red: rgb(151, 62, 62); + + --theme_dark--line_brown: var(--theme_dark--bg_brown); + --theme_dark--line_orange: var(--theme_dark--bg_orange); + --theme_dark--line_yellow: var(--theme_dark--bg_yellow); + --theme_dark--line_red: var(--theme_dark--bg_red); --theme_dark--code_inline-text: #d9cbec; --theme_dark--code_inline-background: #24222c; diff --git a/repo/neutral/mod.js b/repo/neutral/mod.js index ba1dfc2..23a352e 100644 --- a/repo/neutral/mod.js +++ b/repo/neutral/mod.js @@ -12,6 +12,6 @@ module.exports = { tags: ['theme', 'dark'], name: 'neutral', desc: 'smoother colours and fonts, designed to be more pleasing to the eye.', - version: '0.1.0', + version: '0.1.1', author: 'arecsu', }; diff --git a/repo/neutral/styles.css b/repo/neutral/styles.css index c8febf8..c814737 100644 --- a/repo/neutral/styles.css +++ b/repo/neutral/styles.css @@ -69,15 +69,25 @@ --theme_dark--text_pink: #d285aa; --theme_dark--text_red: #ce535f; - --theme_dark--bg_gray: #585858; - --theme_dark--bg_brown: #333333; - --theme_dark--bg_orange: #9a5a3f; - --theme_dark--bg_yellow: #b58a46; - --theme_dark--bg_green: #657953; - --theme_dark--bg_blue: #355475; - --theme_dark--bg_purple: #775186; - --theme_dark--bg_pink: #8e4b63; - --theme_dark--bg_red: #8c3d3d; + --theme_dark--select_gray: #585858; + --theme_dark--select_brown: #333333; + --theme_dark--select_orange: #9a5a3f; + --theme_dark--select_yellow: #b58a46; + --theme_dark--select_green: #657953; + --theme_dark--select_blue: #355475; + --theme_dark--select_purple: #775186; + --theme_dark--select_pink: #8e4b63; + --theme_dark--select_red: #8c3d3d; + + --theme_dark--bg_gray: var(--theme_dark--select_gray); + --theme_dark--bg_brown: var(--theme_dark--select_brown); + --theme_dark--bg_orange: var(--theme_dark--select_orange); + --theme_dark--bg_yellow: var(--theme_dark--select_yellow); + --theme_dark--bg_green: var(--theme_dark--select_green); + --theme_dark--bg_blue: var(--theme_dark--select_blue); + --theme_dark--bg_purple: var(--theme_dark--select_purple); + --theme_dark--bg_pink: var(--theme_dark--select_pink); + --theme_dark--bg_red: var(--theme_dark--select_red); --theme_dark--line_gray: #585858; --theme_dark--line_brown: #333333; diff --git a/repo/pastel-dark/mod.js b/repo/pastel-dark/mod.js index af052e1..a69ff80 100644 --- a/repo/pastel-dark/mod.js +++ b/repo/pastel-dark/mod.js @@ -12,7 +12,7 @@ module.exports = { tags: ['theme', 'dark'], name: 'pastel dark', desc: 'a smooth-transition true dark theme with a hint of pastel.', - version: '0.1.0', + version: '0.1.1', author: { name: 'zenith_illinois', link: 'https://www.reddit.com/user/zenith_illinois/', diff --git a/repo/pastel-dark/styles.css b/repo/pastel-dark/styles.css index 8d3fa61..49c44bc 100644 --- a/repo/pastel-dark/styles.css +++ b/repo/pastel-dark/styles.css @@ -52,16 +52,27 @@ --theme_dark--text_pink: #f7b8dc; --theme_dark--text_red: #f8acb4; - --theme_dark--bg_text: rgb(55, 53, 47); - --theme_dark--bg_gray: #b1aeab; - --theme_dark--bg_brown: #d8b6a6; - --theme_dark--bg_orange: #fde3c0; - --theme_dark--bg_yellow: #fcde93; - --theme_dark--bg_green: #b3f5c8; - --theme_dark--bg_blue: #bfe0fd; - --theme_dark--bg_purple: #dac7fa; - --theme_dark--bg_pink: #f7b8dc; - --theme_dark--bg_red: #f8acb4; + --theme_dark--select_text: rgb(55, 53, 47); + --theme_dark--select_gray: #b1aeab; + --theme_dark--select_brown: #d8b6a6; + --theme_dark--select_orange: #fde3c0; + --theme_dark--select_yellow: #fcde93; + --theme_dark--select_green: #b3f5c8; + --theme_dark--select_blue: #bfe0fd; + --theme_dark--select_purple: #dac7fa; + --theme_dark--select_pink: #f7b8dc; + --theme_dark--select_red: #f8acb4; + + --theme_dark--bg_text: var(--theme_darl--select_text); + --theme_dark--bg_gray: var(--theme_dark--select_gray); + --theme_dark--bg_brown: var(--theme_dark--select_brown); + --theme_dark--bg_orange: var(--theme_dark--select_orange); + --theme_dark--bg_yellow: var(--theme_dark--select_yellow); + --theme_dark--bg_green: var(--theme_dark--select_green); + --theme_dark--bg_blue: var(--theme_dark--select_blue); + --theme_dark--bg_purple: var(--theme_dark--select_purple); + --theme_dark--bg_pink: var(--theme_dark--select_pink); + --theme_dark--bg_red: var(--theme_dark--select_red); --theme_dark--line_text: rgb(55, 53, 47); --theme_dark--line_gray: #c2c1c089;