From ca30e700629b8fa4877c80e829802f89796c25f3 Mon Sep 17 00:00:00 2001
From: dragonwocky <thedragonring.bod@gmail.com>
Date: Tue, 20 Oct 2020 09:55:38 +1100
Subject: [PATCH] make block text colour apply to text with backgrounds

---
 repo/core/css/theme.css     | 244 +++++++++++++++++++++++++++++-------
 repo/core/css/variables.css | 156 +++++++++++------------
 2 files changed, 276 insertions(+), 124 deletions(-)

diff --git a/repo/core/css/theme.css b/repo/core/css/theme.css
index dc1bb30..ad52e80 100644
--- a/repo/core/css/theme.css
+++ b/repo/core/css/theme.css
@@ -536,55 +536,89 @@
   color: var(--theme--text_gray) !important;
   fill: var(--theme--text_gray) !important;
 }
-.notion-body.dark [style*='background: rgba(151, 154, 155, 0.5)'],
-.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
-  background: var(--theme--select_gray) !important;
-  color: var(--theme--select_gray-text) !important;
-}
 .notion-body.dark [style*='background:rgb(69,75,78)'],
 .notion-body:not(.dark) [style*='background:rgb(235,236,237)'] {
   background: var(--theme--bg_gray) !important;
   color: var(--theme--bg_gray-text) !important;
 }
+.notion-body.dark
+  [style*='color:rgba(151,154,155,0.95)']
+  [style*='background:rgb(69,75,78)'],
+.notion-body.dark
+  [style*='color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6);']
+  [style*='background:rgb(69,75,78)'],
+.notion-body:not(.dark)
+  [style*='color:rgb(155,154,151)']
+  [style*='background:rgb(235,236,237)'],
+.notion-body:not(.dark)
+  [style*='color: rgba(55, 53, 47, 0.6); fill: rgba(55, 53, 47, 0.6);']
+  [style*='background:rgb(235,236,237)'] {
+  background: var(--theme--bg_gray) !important;
+  color: var(--theme--text_gray) !important;
+  fill: var(--theme--text_gray) !important;
+}
 .notion-body.dark [style*='background: rgb(69, 75, 78)'],
 .notion-body:not(.dark) [style*='background: rgb(235, 236, 237)'] {
   background: var(--theme--line_gray) !important;
   color: var(--theme--line_gray-text) !important;
 }
+.notion-body.dark [style*='background: rgba(151, 154, 155, 0.5)'],
+.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
+  background: var(--theme--select_gray) !important;
+  color: var(--theme--select_gray-text) !important;
+}
 .notion-body.dark [style*='background: rgba(69, 75, 78, 0.3)'],
 .notion-body:not(.dark) [style*='background: rgba(235, 236, 237, 0.3)'] {
   background: var(--theme--callout_gray) !important;
   color: var(--theme--callout_gray-text) !important;
 }
+
 .notion-body.dark [style*='color:rgb(147,114,100)'],
 .notion-body.dark
   [style*='color: rgb(147, 114, 100); fill: rgb(147, 114, 100);'],
 .notion-body:not(.dark) [style*='color:rgb(100,71,58)'],
 .notion-body:not(.dark)
   [style*='color: rgb(100, 71, 58); fill: rgb(100, 71, 58);'] {
-  fill: var(--theme--text_brown) !important;
   color: var(--theme--text_brown) !important;
-}
-.notion-body.dark [style*='background: rgba(147, 114, 100, 0.5)'],
-.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
-  background: var(--theme--select_brown) !important;
-  color: var(--theme--select_brown-text) !important;
+  fill: var(--theme--text_brown) !important;
 }
 .notion-body.dark [style*='background:rgb(67,64,64)'],
 .notion-body:not(.dark) [style*='background:rgb(233,229,227)'] {
   background: var(--theme--bg_brown) !important;
   color: var(--theme--bg_brown-text) !important;
 }
+.notion-body.dark
+  [style*='color:rgb(147,114,100)']
+  [style*='background:rgb(67,64,64)'],
+.notion-body.dark
+  [style*='color: rgb(147, 114, 100); fill: rgb(147, 114, 100);']
+  [style*='background:rgb(67,64,64)'],
+.notion-body:not(.dark)
+  [style*='color:rgb(100,71,58)']
+  [style*='background:rgb(233,229,227)'],
+.notion-body:not(.dark)
+  [style*='color: rgb(100, 71, 58); fill: rgb(100, 71, 58);']
+  [style*='background:rgb(233,229,227)'] {
+  background: var(--theme--bg_brown) !important;
+  color: var(--theme--text_brown) !important;
+  fill: var(--theme--text_brown) !important;
+}
 .notion-body.dark [style*='background: rgb(67, 64, 64)'],
 .notion-body:not(.dark) [style*='background: rgb(233, 229, 227)'] {
   background: var(--theme--line_brown) !important;
   color: var(--theme--line_brown-text) !important;
 }
+.notion-body.dark [style*='background: rgba(147, 114, 100, 0.5)'],
+.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
+  background: var(--theme--select_brown) !important;
+  color: var(--theme--select_brown-text) !important;
+}
 .notion-body.dark [style*='background: rgba(67, 64, 64, 0.3)'],
 .notion-body:not(.dark) [style*='background: rgba(233, 229, 227, 0.3)'] {
   background: var(--theme--callout_brown) !important;
   color: var(--theme--callout_brown-text) !important;
 }
+
 .notion-body.dark [style*='color:rgb(255,163,68)'],
 .notion-body.dark [style*='color: rgb(255, 163, 68); fill: rgb(255, 163, 68);'],
 .notion-body:not(.dark) [style*='color:rgb(217,115,13)'],
@@ -593,26 +627,43 @@
   color: var(--theme--text_orange) !important;
   fill: var(--theme--text_orange) !important;
 }
-.notion-body.dark [style*='background: rgba(255, 163, 68, 0.5)'],
-.notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'] {
-  background: var(--theme--select_orange) !important;
-  color: var(--theme--select_orange-text) !important;
-}
 .notion-body.dark [style*='background:rgb(89,74,58)'],
 .notion-body:not(.dark) [style*='background:rgb(250,235,221)'] {
   background: var(--theme--bg_orange) !important;
   color: var(--theme--bg_orange-text) !important;
 }
+.notion-body.dark
+  [style*='color:rgb(255,163,68)']
+  [style*='background:rgb(89,74,58)'],
+.notion-body.dark
+  [style*='color: rgb(255, 163, 68); fill: rgb(255, 163, 68);']
+  [style*='background:rgb(89,74,58)'],
+.notion-body:not(.dark)
+  [style*='color:rgb(217,115,13)']
+  [style*='background:rgb(250,235,221)'],
+.notion-body:not(.dark)
+  [style*='color: rgb(217, 115, 13); fill: rgb(217, 115, 13);']
+  [style*='background:rgb(250,235,221)'] {
+  background: var(--theme--bg_orange) !important;
+  color: var(--theme--text_orange) !important;
+  fill: var(--theme--text_orange) !important;
+}
 .notion-body.dark [style*='background: rgb(89, 74, 58)'],
 .notion-body:not(.dark) [style*='background: rgb(250, 235, 221)'] {
   background: var(--theme--line_orange) !important;
   color: var(--theme--line_orange-text) !important;
 }
+.notion-body.dark [style*='background: rgba(255, 163, 68, 0.5)'],
+.notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'] {
+  background: var(--theme--select_orange) !important;
+  color: var(--theme--select_orange-text) !important;
+}
 .notion-body.dark [style*='background: rgba(89, 74, 58, 0.3)'],
 .notion-body:not(.dark) [style*='background: rgba(250, 235, 221, 0.3)'] {
   background: var(--theme--callout_orange) !important;
   color: var(--theme--callout_orange-text) !important;
 }
+
 .notion-body.dark [style*='color:rgb(255,220,73)'],
 .notion-body.dark [style*='color: rgb(255, 220, 73); fill: rgb(255, 220, 73);'],
 .notion-body:not(.dark) [style*='color:rgb(223,171,1)'],
@@ -621,26 +672,43 @@
   color: var(--theme--text_yellow) !important;
   fill: var(--theme--text_yellow) !important;
 }
-.notion-body.dark [style*='background: rgba(255, 220, 73, 0.5)'],
-.notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'] {
-  background: var(--theme--select_yellow) !important;
-  color: var(--theme--select_yellow-text) !important;
-}
 .notion-body.dark [style*='background:rgb(89,86,59)'],
 .notion-body:not(.dark) [style*='background:rgb(251,243,219)'] {
   background: var(--theme--bg_yellow) !important;
   color: var(--theme--bg_yellow-text) !important;
 }
+.notion-body.dark
+  [style*='color:rgb(255,220,73)']
+  [style*='background:rgb(89,86,59)'],
+.notion-body.dark
+  [style*='color: rgb(255, 220, 73); fill: rgb(255, 220, 73);']
+  [style*='background:rgb(89,86,59)'],
+.notion-body:not(.dark)
+  [style*='color:rgb(223,171,1)']
+  [style*='background:rgb(251,243,219)'],
+.notion-body:not(.dark)
+  [style*='color: rgb(223, 171, 1); fill: rgb(223, 171, 1);']
+  [style*='background:rgb(251,243,219)'] {
+  background: var(--theme--bg_yellow) !important;
+  color: var(--theme--text_yellow) !important;
+  fill: var(--theme--text_yellow) !important;
+}
 .notion-body.dark [style*='background: rgb(89, 86, 59)'],
 .notion-body:not(.dark) [style*='background: rgb(251, 243, 219)'] {
   background: var(--theme--line_yellow) !important;
   color: var(--theme--line_yellow-text) !important;
 }
+.notion-body.dark [style*='background: rgba(255, 220, 73, 0.5)'],
+.notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'] {
+  background: var(--theme--select_yellow) !important;
+  color: var(--theme--select_yellow-text) !important;
+}
 .notion-body.dark [style*='background: rgba(89, 86, 59, 0.3)'],
 .notion-body:not(.dark) [style*='background: rgba(251, 243, 219, 0.3)'] {
   background: var(--theme--callout_yellow) !important;
   color: var(--theme--callout_yellow-text) !important;
 }
+
 .notion-body.dark [style*='color:rgb(77,171,154)'],
 .notion-body.dark [style*='color: rgb(77, 171, 154); fill: rgb(77, 171, 154);'],
 .notion-body:not(.dark) [style*='color:rgb(15,123,108)'],
@@ -649,26 +717,43 @@
   color: var(--theme--text_green) !important;
   fill: var(--theme--text_green) !important;
 }
-.notion-body.dark [style*='background: rgba(77, 171, 154, 0.5)'],
-.notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'] {
-  background: var(--theme--select_green) !important;
-  color: var(--theme--select_green-text) !important;
-}
 .notion-body.dark [style*='background:rgb(53,76,75)'],
 .notion-body:not(.dark) [style*='background:rgb(221,237,234)'] {
   background: var(--theme--bg_green) !important;
   color: var(--theme--bg_green-text) !important;
 }
+.notion-body.dark
+  [style*='color:rgb(77,171,154)']
+  [style*='background:rgb(53,76,75)'],
+.notion-body.dark
+  [style*='color: rgb(77, 171, 154); fill: rgb(77, 171, 154);']
+  [style*='background:rgb(53,76,75)'],
+.notion-body:not(.dark)
+  [style*='color:rgb(15,123,108)']
+  [style*='background:rgb(221,237,234)'],
+.notion-body:not(.dark)
+  [style*='color: rgb(15, 123, 108); fill: rgb(15, 123, 108);']
+  [style*='background:rgb(221,237,234)'] {
+  background: var(--theme--bg_green) !important;
+  color: var(--theme--text_green) !important;
+  fill: var(--theme--text_green) !important;
+}
 .notion-body.dark [style*='background: rgb(53, 76, 75)'],
 .notion-body:not(.dark) [style*='background: rgb(221, 237, 234)'] {
   background: var(--theme--line_green) !important;
   color: var(--theme--line_green-text) !important;
 }
+.notion-body.dark [style*='background: rgba(77, 171, 154, 0.5)'],
+.notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'] {
+  background: var(--theme--select_green) !important;
+  color: var(--theme--select_green-text) !important;
+}
 .notion-body.dark [style*='background: rgba(53, 76, 75, 0.3)'],
 .notion-body:not(.dark) [style*='background: rgba(221, 237, 234, 0.3)'] {
   background: var(--theme--callout_green) !important;
   color: var(--theme--callout_green-text) !important;
 }
+
 .notion-body.dark [style*='color:rgb(82,156,202)'],
 .notion-body.dark [style*='color: rgb(82, 156, 202); fill: rgb(82, 156, 202);'],
 .notion-body:not(.dark) [style*='color:rgb(11,110,153)'],
@@ -677,26 +762,43 @@
   color: var(--theme--text_blue) !important;
   fill: var(--theme--text_blue) !important;
 }
-.notion-body.dark [style*='background: rgba(82, 156, 202, 0.5)'],
-.notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'] {
-  background: var(--theme--select_blue) !important;
-  color: var(--theme--select_blue-text) !important;
-}
 .notion-body.dark [style*='background:rgb(54,73,84)'],
 .notion-body:not(.dark) [style*='background:rgb(221,235,241)'] {
   background: var(--theme--bg_blue) !important;
   color: var(--theme--bg_blue-text) !important;
 }
+.notion-body.dark
+  [style*='color:rgb(82,156,202)']
+  [style*='background:rgb(54,73,84)'],
+.notion-body.dark
+  [style*='color: rgb(82, 156, 202); fill: rgb(82, 156, 202);']
+  [style*='background:rgb(54,73,84)'],
+.notion-body:not(.dark)
+  [style*='color:rgb(11,110,153)']
+  [style*='background:rgb(221,235,241)'],
+.notion-body:not(.dark)
+  [style*='color: rgb(11, 110, 153); fill: rgb(11, 110, 153);']
+  [style*='background:rgb(221,235,241)'] {
+  background: var(--theme--bg_blue) !important;
+  color: var(--theme--text_blue) !important;
+  fill: var(--theme--text_blue) !important;
+}
 .notion-body.dark [style*='background: rgb(54, 73, 84)'],
 .notion-body:not(.dark) [style*='background: rgb(221, 235, 241)'] {
   background: var(--theme--line_blue) !important;
   color: var(--theme--line_blue-text) !important;
 }
+.notion-body.dark [style*='background: rgba(82, 156, 202, 0.5)'],
+.notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'] {
+  background: var(--theme--select_blue) !important;
+  color: var(--theme--select_blue-text) !important;
+}
 .notion-body.dark [style*='background: rgba(54, 73, 84, 0.3)'],
 .notion-body:not(.dark) [style*='background: rgba(221, 235, 241, 0.3)'] {
   background: var(--theme--callout_blue) !important;
   color: var(--theme--callout_blue-text) !important;
 }
+
 .notion-body.dark [style*='color:rgb(154,109,215)'],
 .notion-body.dark
   [style*='color: rgb(154, 109, 215); fill: rgb(154, 109, 215);'],
@@ -706,26 +808,43 @@
   color: var(--theme--text_purple) !important;
   fill: var(--theme--text_purple) !important;
 }
-.notion-body.dark [style*='background: rgba(154, 109, 215, 0.5)'],
-.notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'] {
-  background: var(--theme--select_purple) !important;
-  color: var(--theme--select_purple-text) !important;
-}
 .notion-body.dark [style*='background:rgb(68,63,87)'],
 .notion-body:not(.dark) [style*='background:rgb(234,228,242)'] {
   background: var(--theme--bg_purple) !important;
   color: var(--theme--bg_purple-text) !important;
 }
+.notion-body.dark
+  [style*='color:rgb(154,109,215)']
+  [style*='background:rgb(68,63,87)'],
+.notion-body.dark
+  [style*='color: rgb(154, 109, 215); fill: rgb(154, 109, 215);']
+  [style*='background:rgb(68,63,87)'],
+.notion-body:not(.dark)
+  [style*='color:rgb(105,64,165)']
+  [style*='background:rgb(234,228,242)'],
+.notion-body:not(.dark)
+  [style*='color: rgb(105, 64, 165); fill: rgb(105, 64, 165);']
+  [style*='background:rgb(234,228,242)'] {
+  background: var(--theme--bg_purple) !important;
+  color: var(--theme--text_purple) !important;
+  fill: var(--theme--text_purple) !important;
+}
 .notion-body.dark [style*='background: rgb(68, 63, 87)'],
 .notion-body:not(.dark) [style*='background: rgb(234, 228, 242)'] {
   background: var(--theme--line_purple) !important;
   color: var(--theme--line_purple-text) !important;
 }
+.notion-body.dark [style*='background: rgba(154, 109, 215, 0.5)'],
+.notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'] {
+  background: var(--theme--select_purple) !important;
+  color: var(--theme--select_purple-text) !important;
+}
 .notion-body.dark [style*='background: rgba(68, 63, 87, 0.3)'],
 .notion-body:not(.dark) [style*='background: rgba(234, 228, 242, 0.3)'] {
   background: var(--theme--callout_purple) !important;
   color: var(--theme--callout_purple-text) !important;
 }
+
 .notion-body.dark [style*='color:rgb(226,85,161)'],
 .notion-body.dark [style*='color: rgb(226, 85, 161); fill: rgb(226, 85, 161);'],
 .notion-body:not(.dark) [style*='color:rgb(173,26,114)'],
@@ -734,26 +853,43 @@
   color: var(--theme--text_pink) !important;
   fill: var(--theme--text_pink) !important;
 }
-.notion-body.dark [style*='background: rgba(226, 85, 161, 0.5)'],
-.notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'] {
-  background: var(--theme--select_pink) !important;
-  color: var(--theme--select_pink-text) !important;
-}
 .notion-body.dark [style*='background:rgb(83,59,76)'],
 .notion-body:not(.dark) [style*='background:rgb(244,223,235)'] {
   background: var(--theme--bg_pink) !important;
   color: var(--theme--bg_pink-text) !important;
 }
+.notion-body.dark
+  [style*='color:rgb(226,85,161)']
+  [style*='background:rgb(83,59,76)'],
+.notion-body.dark
+  [style*='color: rgb(226, 85, 161); fill: rgb(226, 85, 161);']
+  [style*='background:rgb(83,59,76)'],
+.notion-body:not(.dark)
+  [style*='color:rgb(173,26,114)']
+  [style*='background:rgb(244,223,235)'],
+.notion-body:not(.dark)
+  [style*='color: rgb(173, 26, 114); fill: rgb(173, 26, 114);']
+  [style*='background:rgb(244,223,235)'] {
+  background: var(--theme--bg_pink) !important;
+  color: var(--theme--text_pink) !important;
+  fill: var(--theme--text_pink) !important;
+}
 .notion-body.dark [style*='background: rgb(83, 59, 76)'],
 .notion-body:not(.dark) [style*='background: rgb(244, 223, 235)'] {
   background: var(--theme--line_pink) !important;
   color: var(--theme--line_pink-text) !important;
 }
+.notion-body.dark [style*='background: rgba(226, 85, 161, 0.5)'],
+.notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'] {
+  background: var(--theme--select_pink) !important;
+  color: var(--theme--select_pink-text) !important;
+}
 .notion-body.dark [style*='background: rgba(83, 59, 76, 0.3)'],
 .notion-body:not(.dark) [style*='background: rgba(244, 223, 235, 0.3)'] {
   background: var(--theme--callout_pink) !important;
   color: var(--theme--callout_pink-text) !important;
 }
+
 .notion-body.dark [style*='color:rgb(255,115,105)'],
 .notion-body.dark
   [style*='color: rgb(255, 115, 105); fill: rgb(255, 115, 105);'],
@@ -763,21 +899,37 @@
   color: var(--theme--text_red) !important;
   fill: var(--theme--text_red) !important;
 }
-.notion-body.dark [style*='background: rgba(255, 115, 105, 0.5);'],
-.notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'] {
-  background: var(--theme--select_red) !important;
-  color: var(--theme--select_red-text) !important;
-}
 .notion-body.dark [style*='background:rgb(89,65,65)'],
 .notion-body:not(.dark) [style*='background:rgb(251,228,228)'] {
   background: var(--theme--bg_red) !important;
   color: var(--theme--bg_red-text) !important;
 }
+.notion-body.dark
+  [style*='color:rgb(255,115,105)']
+  [style*='background:rgb(89,65,65)'],
+.notion-body.dark
+  [style*='color: rgb(255, 115, 105); fill: rgb(255, 115, 105);']
+  [style*='background:rgb(89,65,65)'],
+.notion-body:not(.dark)
+  [style*='color:rgb(224,62,62)']
+  [style*='background:rgb(251,228,228)'],
+.notion-body:not(.dark)
+  [style*='color: rgb(224, 62, 62); fill: rgb(224, 62, 62);']
+  [style*='background:rgb(251,228,228)'] {
+  background: var(--theme--bg_red) !important;
+  color: var(--theme--text_red) !important;
+  fill: var(--theme--text_red) !important;
+}
 .notion-body.dark [style*='background: rgb(89, 65, 65)'],
 .notion-body:not(.dark) [style*='background: rgb(251, 228, 228)'] {
   background: var(--theme--line_red) !important;
   color: var(--theme--line_red-text) !important;
 }
+.notion-body.dark [style*='background: rgba(255, 115, 105, 0.5);'],
+.notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'] {
+  background: var(--theme--select_red) !important;
+  color: var(--theme--select_red-text) !important;
+}
 .notion-body.dark [style*='background: rgba(89, 65, 65, 0.3)'],
 .notion-body:not(.dark) [style*='background: rgba(251, 228, 228, 0.3)'] {
   background: var(--theme--callout_red) !important;
diff --git a/repo/core/css/variables.css b/repo/core/css/variables.css
index b23f538..69d7b00 100644
--- a/repo/core/css/variables.css
+++ b/repo/core/css/variables.css
@@ -45,7 +45,7 @@
   --theme_dark--font_body-size_small: 14px;
   --theme_dark--font_code-size: 0.796875em;
   --theme_dark--font_sidebar-size: 14px;
-  
+
   --theme_dark--text-block_line-height: 1.5;
   --theme_dark--text-block_margin-top: 1px;
 
@@ -93,26 +93,6 @@
   --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_gray-text: var(--theme_dark--select-text);
-  --theme_dark--select_brown: rgba(147, 114, 100, 0.5);
-  --theme_dark--select_brown-text: var(--theme_dark--select-text);
-  --theme_dark--select_orange: rgba(255, 163, 68, 0.5);
-  --theme_dark--select_orange-text: var(--theme_dark--select-text);
-  --theme_dark--select_yellow: rgba(255, 220, 73, 0.5);
-  --theme_dark--select_yellow-text: var(--theme_dark--select-text);
-  --theme_dark--select_green: rgba(77, 171, 154, 0.5);
-  --theme_dark--select_green-text: var(--theme_dark--select-text);
-  --theme_dark--select_blue: rgba(82, 156, 202, 0.5);
-  --theme_dark--select_blue-text: var(--theme_dark--select-text);
-  --theme_dark--select_purple: rgba(154, 109, 215, 0.5);
-  --theme_dark--select_purple-text: var(--theme_dark--select-text);
-  --theme_dark--select_pink: rgba(226, 85, 161, 0.5);
-  --theme_dark--select_pink-text: var(--theme_dark--select-text);
-  --theme_dark--select_red: rgba(255, 115, 105, 0.5);
-  --theme_dark--select_red-text: var(--theme_dark--select-text);
-
   --theme_dark--bg-text: var(--theme_dark--text);
   --theme_dark--bg_gray: rgb(69, 75, 78);
   --theme_dark--bg_gray-text: var(--theme_dark--bg-text);
@@ -153,6 +133,26 @@
   --theme_dark--line_red: rgb(89, 65, 65);
   --theme_dark--line_red-text: var(--theme_dark--line-text);
 
+  --theme_dark--select-text: var(--theme_dark--text);
+  --theme_dark--select_gray: rgba(151, 154, 155, 0.5);
+  --theme_dark--select_gray-text: var(--theme_dark--select-text);
+  --theme_dark--select_brown: rgba(147, 114, 100, 0.5);
+  --theme_dark--select_brown-text: var(--theme_dark--select-text);
+  --theme_dark--select_orange: rgba(255, 163, 68, 0.5);
+  --theme_dark--select_orange-text: var(--theme_dark--select-text);
+  --theme_dark--select_yellow: rgba(255, 220, 73, 0.5);
+  --theme_dark--select_yellow-text: var(--theme_dark--select-text);
+  --theme_dark--select_green: rgba(77, 171, 154, 0.5);
+  --theme_dark--select_green-text: var(--theme_dark--select-text);
+  --theme_dark--select_blue: rgba(82, 156, 202, 0.5);
+  --theme_dark--select_blue-text: var(--theme_dark--select-text);
+  --theme_dark--select_purple: rgba(154, 109, 215, 0.5);
+  --theme_dark--select_purple-text: var(--theme_dark--select-text);
+  --theme_dark--select_pink: rgba(226, 85, 161, 0.5);
+  --theme_dark--select_pink-text: var(--theme_dark--select-text);
+  --theme_dark--select_red: rgba(255, 115, 105, 0.5);
+  --theme_dark--select_red-text: var(--theme_dark--select-text);
+
   --theme_dark--callout-text: var(--theme_dark--text);
   --theme_dark--callout_gray: rgba(69, 75, 78, 0.3);
   --theme_dark--callout_gray-text: var(--theme_dark--callout-text);
@@ -229,7 +229,7 @@
   --theme_light--font_body-size_small: 14px;
   --theme_light--font_code-size: 0.796875em;
   --theme_light--font_sidebar-size: 14px;
-  
+
   --theme_light--text-block_line-height: 1.5;
   --theme_light--text-block_margin-top: 1px;
 
@@ -278,26 +278,6 @@
   --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_gray-text: var(--theme_light--select-text);
-  --theme_light--select_brown: rgba(140, 46, 0, 0.2);
-  --theme_light--select_brown-text: var(--theme_light--select-text);
-  --theme_light--select_orange: rgba(245, 93, 0, 0.2);
-  --theme_light--select_orange-text: var(--theme_light--select-text);
-  --theme_light--select_yellow: rgba(233, 168, 0, 0.2);
-  --theme_light--select_yellow-text: var(--theme_light--select-text);
-  --theme_light--select_green: rgba(0, 135, 107, 0.2);
-  --theme_light--select_green-text: var(--theme_light--select-text);
-  --theme_light--select_blue: rgba(0, 120, 223, 0.2);
-  --theme_light--select_blue-text: var(--theme_light--select-text);
-  --theme_light--select_purple: rgba(103, 36, 222, 0.2);
-  --theme_light--select_purple-text: var(--theme_light--select-text);
-  --theme_light--select_pink: rgba(221, 0, 129, 0.2);
-  --theme_light--select_pink-text: var(--theme_light--select-text);
-  --theme_light--select_red: rgba(255, 0, 26, 0.2);
-  --theme_light--select_red-text: var(--theme_light--select-text);
-
   --theme_light--bg-text: var(--theme_light--text);
   --theme_light--bg_gray: rgb(235, 236, 237);
   --theme_light--bg_gray-text: var(--theme_light--bg-text);
@@ -338,6 +318,26 @@
   --theme_light--line_red: rgb(251, 228, 228);
   --theme_light--line_red-text: var(--theme_light--line-text);
 
+  --theme_light--select-text: var(--theme_light--text);
+  --theme_light--select_gray: rgba(140, 46, 0, 0.2);
+  --theme_light--select_gray-text: var(--theme_light--select-text);
+  --theme_light--select_brown: rgba(140, 46, 0, 0.2);
+  --theme_light--select_brown-text: var(--theme_light--select-text);
+  --theme_light--select_orange: rgba(245, 93, 0, 0.2);
+  --theme_light--select_orange-text: var(--theme_light--select-text);
+  --theme_light--select_yellow: rgba(233, 168, 0, 0.2);
+  --theme_light--select_yellow-text: var(--theme_light--select-text);
+  --theme_light--select_green: rgba(0, 135, 107, 0.2);
+  --theme_light--select_green-text: var(--theme_light--select-text);
+  --theme_light--select_blue: rgba(0, 120, 223, 0.2);
+  --theme_light--select_blue-text: var(--theme_light--select-text);
+  --theme_light--select_purple: rgba(103, 36, 222, 0.2);
+  --theme_light--select_purple-text: var(--theme_light--select-text);
+  --theme_light--select_pink: rgba(221, 0, 129, 0.2);
+  --theme_light--select_pink-text: var(--theme_light--select-text);
+  --theme_light--select_red: rgba(255, 0, 26, 0.2);
+  --theme_light--select_red-text: var(--theme_light--select-text);
+
   --theme_light--callout-text: var(--theme_light--text);
   --theme_light--callout_gray: rgba(235, 236, 237, 0.3);
   --theme_light--callout_gray-text: var(--theme_light--callout-text);
@@ -449,24 +449,6 @@
   --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_gray-text: var(--theme_dark--select_gray-text);
-  --theme--select_brown: var(--theme_dark--select_brown);
-  --theme--select_brown-text: var(--theme_dark--select_brown-text);
-  --theme--select_orange: var(--theme_dark--select_orange);
-  --theme--select_orange-text: var(--theme_dark--select_orange-text);
-  --theme--select_yellow: var(--theme_dark--select_yellow);
-  --theme--select_yellow-text: var(--theme_dark--select_yellow-text);
-  --theme--select_green: var(--theme_dark--select_green);
-  --theme--select_green-text: var(--theme_dark--select_green-text);
-  --theme--select_blue: var(--theme_dark--select_blue);
-  --theme--select_blue-text: var(--theme_dark--select_blue-text);
-  --theme--select_purple: var(--theme_dark--select_purple);
-  --theme--select_purple-text: var(--theme_dark--select_purple-text);
-  --theme--select_pink: var(--theme_dark--select_pink);
-  --theme--select_pink-text: var(--theme_dark--select_pink-text);
-  --theme--select_red: var(--theme_dark--select_red);
-  --theme--select_red-text: var(--theme_dark--select_red-text);
   --theme--bg-text: var(--theme_dark--bg-text);
   --theme--bg_gray: var(--theme_dark--bg_gray);
   --theme--bg_gray-text: var(--theme_dark--bg_gray-text);
@@ -505,6 +487,24 @@
   --theme--line_pink-text: var(--theme_dark--line_pink-text);
   --theme--line_red: var(--theme_dark--line_red);
   --theme--line_red-text: var(--theme_dark--line_red-text);
+  --theme--select_gray: var(--theme_dark--select_gray);
+  --theme--select_gray-text: var(--theme_dark--select_gray-text);
+  --theme--select_brown: var(--theme_dark--select_brown);
+  --theme--select_brown-text: var(--theme_dark--select_brown-text);
+  --theme--select_orange: var(--theme_dark--select_orange);
+  --theme--select_orange-text: var(--theme_dark--select_orange-text);
+  --theme--select_yellow: var(--theme_dark--select_yellow);
+  --theme--select_yellow-text: var(--theme_dark--select_yellow-text);
+  --theme--select_green: var(--theme_dark--select_green);
+  --theme--select_green-text: var(--theme_dark--select_green-text);
+  --theme--select_blue: var(--theme_dark--select_blue);
+  --theme--select_blue-text: var(--theme_dark--select_blue-text);
+  --theme--select_purple: var(--theme_dark--select_purple);
+  --theme--select_purple-text: var(--theme_dark--select_purple-text);
+  --theme--select_pink: var(--theme_dark--select_pink);
+  --theme--select_pink-text: var(--theme_dark--select_pink-text);
+  --theme--select_red: var(--theme_dark--select_red);
+  --theme--select_red-text: var(--theme_dark--select_red-text);
   --theme--callout-text: var(--theme_dark--callout-text);
   --theme--callout_gray: var(--theme_dark--callout_gray);
   --theme--callout_gray-text: var(--theme_dark--callout_gray-text);
@@ -615,24 +615,6 @@
   --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_gray-text: var(--theme_light--select_gray-text);
-  --theme--select_brown: var(--theme_light--select_brown);
-  --theme--select_brown-text: var(--theme_light--select_brown-text);
-  --theme--select_orange: var(--theme_light--select_orange);
-  --theme--select_orange-text: var(--theme_light--select_orange-text);
-  --theme--select_yellow: var(--theme_light--select_yellow);
-  --theme--select_yellow-text: var(--theme_light--select_yellow-text);
-  --theme--select_green: var(--theme_light--select_green);
-  --theme--select_green-text: var(--theme_light--select_green-text);
-  --theme--select_blue: var(--theme_light--select_blue);
-  --theme--select_blue-text: var(--theme_light--select_blue-text);
-  --theme--select_purple: var(--theme_light--select_purple);
-  --theme--select_purple-text: var(--theme_light--select_purple-text);
-  --theme--select_pink: var(--theme_light--select_pink);
-  --theme--select_pink-text: var(--theme_light--select_pink-text);
-  --theme--select_red: var(--theme_light--select_red);
-  --theme--select_red-text: var(--theme_light--select_red-text);
   --theme--bg-text: var(--theme_light--bg-text);
   --theme--bg_gray: var(--theme_light--bg_gray);
   --theme--bg_gray-text: var(--theme_light--bg_gray-text);
@@ -671,6 +653,24 @@
   --theme--line_pink-text: var(--theme_light--line_pink-text);
   --theme--line_red: var(--theme_light--line_red);
   --theme--line_red-text: var(--theme_light--line_red-text);
+  --theme--select_gray: var(--theme_light--select_gray);
+  --theme--select_gray-text: var(--theme_light--select_gray-text);
+  --theme--select_brown: var(--theme_light--select_brown);
+  --theme--select_brown-text: var(--theme_light--select_brown-text);
+  --theme--select_orange: var(--theme_light--select_orange);
+  --theme--select_orange-text: var(--theme_light--select_orange-text);
+  --theme--select_yellow: var(--theme_light--select_yellow);
+  --theme--select_yellow-text: var(--theme_light--select_yellow-text);
+  --theme--select_green: var(--theme_light--select_green);
+  --theme--select_green-text: var(--theme_light--select_green-text);
+  --theme--select_blue: var(--theme_light--select_blue);
+  --theme--select_blue-text: var(--theme_light--select_blue-text);
+  --theme--select_purple: var(--theme_light--select_purple);
+  --theme--select_purple-text: var(--theme_light--select_purple-text);
+  --theme--select_pink: var(--theme_light--select_pink);
+  --theme--select_pink-text: var(--theme_light--select_pink-text);
+  --theme--select_red: var(--theme_light--select_red);
+  --theme--select_red-text: var(--theme_light--select_red-text);
   --theme--callout-text: var(--theme_light--callout-text);
   --theme--callout_gray: var(--theme_light--callout_gray);
   --theme--callout_gray-text: var(--theme_light--callout_gray-text);