From 2cb25fec123c65737ca0be268654a56d3725b1b0 Mon Sep 17 00:00:00 2001
From: dragonwocky <thedragonring.bod@gmail.com>
Date: Sat, 29 Aug 2020 14:25:39 +1000
Subject: [PATCH] fix #65: separate bg and select variables.

---
 CHANGELOG.md                | 12 ++++++++++
 README.md                   | 26 ---------------------
 TWEAKS.md                   |  9 ++++----
 mods/core/css/dark.css      | 45 +++++++++++++++++++++++++++++--------
 mods/core/css/light.css     | 45 +++++++++++++++++++++++++++++--------
 mods/core/css/localised.css | 20 +++++++++++++++++
 mods/core/css/variables.css | 40 +++++++++++++++++++++++++--------
 mods/dark+/mod.js           |  2 +-
 mods/dark+/styles.css       | 28 +++++++++++++++--------
 mods/gameish/mod.js         |  2 +-
 mods/gameish/styles.css     | 15 ++++++++-----
 mods/neutral/mod.js         |  2 +-
 mods/neutral/styles.css     | 28 +++++++++++++++--------
 mods/pastel-dark/mod.js     |  2 +-
 mods/pastel-dark/styles.css | 31 ++++++++++++++++---------
 package.json                |  2 +-
 16 files changed, 213 insertions(+), 96 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f23dd21..8f0058d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,20 +6,30 @@
 - [improved responsiveness](https://chrome.google.com/webstore/detail/notion%20%20-responsiveness-f/leadcilhbmibbkgbnjgmmnfgnnhmeddk)
 - [highlight/mark viewer](https://chrome.google.com/webstore/detail/notion%2B-mark-manager/hipgmnlpnimedfepbfbfiaobohhffcfc)
 
+### v0.8.5 (wip)
+
+- bugfix: separate text highlight and select tag variables.
+
 ### v0.8.4 (2020-08-29)
 
 - bugfix: property-layout now works consistently with or without a banner.
 
+> 📥 `npm i -g notion-enhancer@0.8.4`
+
 ### v0.8.3 (2020-08-29)
 
 previous release was a mistake: it did as intended on linux, but broke windows.
 this should achieve the same thing in a more compatible way.
 
+> 📥 `npm i -g notion-enhancer@0.8.3`
+
 ### v0.8.2 (2020-08-28)
 
 some things you just can't test until production... fixed the auto-installer
 to use `./bin.js` instead of `notion-enhancer`
 
+> 📥 `npm i -g notion-enhancer@0.8.2`
+
 ### v0.8.1 (2020-08-28)
 
 a clarity and stability update.
@@ -34,6 +44,8 @@ a clarity and stability update.
 - bugfix: caret-color was being mistaken for color and block-level text colouring was broken.
 - improved: auto-application on install.
 
+> 📥 `npm i -g notion-enhancer@0.8.1`
+
 ### v0.8.0 (2020-08-27)
 
 complete rewrite with node.js.
diff --git a/README.md b/README.md
index 7d51b21..d1461c3 100644
--- a/README.md
+++ b/README.md
@@ -102,8 +102,6 @@ these include:
 
 **author**: [dragonwocky](https://github.com/dragonwocky/)
 
-**version**: v0.8.0
-
 | option                       | type                                                                                          | default                    |
 | ---------------------------- | --------------------------------------------------------------------------------------------- | -------------------------- |
 | hide app on open             | toggle                                                                                        | no                         |
@@ -124,8 +122,6 @@ these include:
 
 **author**: [dragonwocky](https://github.com/dragonwocky/)
 
-**version**: v0.1.1
-
 | option                | type | default |
 | --------------------- | ---- | ------- |
 | css insert            | file | none    |
@@ -139,8 +135,6 @@ these include:
 
 **author**: [arecsu](https://github.com/arecsu/)
 
-**version**: v0.1.0
-
 ### dark+
 
 **tags:** #theme #dark
@@ -149,8 +143,6 @@ these include:
 
 **author:** [dragonwocky](https://github.com/dragonwocky/)
 
-**version:** v0.1.3
-
 | option         | type  | default            |
 | -------------- | ----- | ------------------ |
 | primary colour | color | `rgb(177, 24, 24)` |
@@ -165,8 +157,6 @@ these include:
 
 **author:** [dragonwocky](https://github.com/dragonwocky/)
 
-**version:** v0.1.3
-
 ![](https://user-images.githubusercontent.com/16874139/90520622-f0df1e00-e1ac-11ea-8791-12922a037234.png)
 
 ### focus mode
@@ -177,8 +167,6 @@ these include:
 
 **author:** [arecsu](https://github.com/arecsu/)
 
-**version:** v0.1.0
-
 ![](https://user-images.githubusercontent.com/16874139/90521792-49fb8180-e1ae-11ea-8764-cb4309cec464.png)
 
 ### gameish
@@ -189,8 +177,6 @@ these include:
 
 **author:** [LVL100ShrekCultist](https://reddit.com/user/LVL100ShrekCultist/)
 
-**version:** v0.1.1
-
 ![](https://user-images.githubusercontent.com/16874139/90522144-b6768080-e1ae-11ea-8150-527c1f70f0e7.png)
 
 ### neutral
@@ -201,8 +187,6 @@ these include:
 
 **author:** [arecsu](https://github.com/arecsu/)
 
-**version:** v0.1.0
-
 ![](https://user-images.githubusercontent.com/16874139/90522373-f9d0ef00-e1ae-11ea-9dba-b29431609210.png)
 
 ### night shift
@@ -213,8 +197,6 @@ these include:
 
 **author:** [dragonwocky](https://github.com/dragonwocky/)
 
-**version:** v0.1.0
-
 ### pastel dark
 
 **tags:** #theme #dark
@@ -223,8 +205,6 @@ these include:
 
 **author:** [zenith_illinois](https://reddit.com/user/zenith_illinois/)
 
-**version:** v0.1.0
-
 ![](https://user-images.githubusercontent.com/16874139/90522660-5502e180-e1af-11ea-8885-073ad20d65b3.png)
 
 ### property layout
@@ -235,8 +215,6 @@ these include:
 
 **author:** [alexander-kazakov](https://github.com/alexander-kazakov/)
 
-**version:** v0.2.2
-
 ### right-to-left
 
 **tags:** #extension
@@ -245,8 +223,6 @@ these include:
 
 **author:** [obahareth](https://github.com/obahareth/)
 
-**version:** v1.3.0
-
 ![](https://user-images.githubusercontent.com/16874139/90522872-95faf600-e1af-11ea-807c-11ac1591217e.png)
 
 ### weekly view
@@ -257,8 +233,6 @@ these include:
 
 **author:** [adihd](https://github.com/adihd/)
 
-**version:** v0.5.0
-
 ![](https://user-images.githubusercontent.com/16874139/90523679-86c87800-e1b0-11ea-8cc0-25f6825c6d49.png)
 
 ## contributors
diff --git a/TWEAKS.md b/TWEAKS.md
index 7f8ce6f..4161269 100644
--- a/TWEAKS.md
+++ b/TWEAKS.md
@@ -1,12 +1,11 @@
 # tweaks
 
 the enhancer comes with some built-in colour themes and layout improvements,
-but to get even more control over how the app looks you can use the "custom inserts" module
-to inject your own javascript or css into it.
+but to get even more control over how the app looks you can use the file picker in the
+"custom inserts" module to inject your own javascript or css into it.
 
-to make your own css file, make sure that your file manager has "show file extensions" ticked, then
-create a text document and make sure the name ends in `.css` (e.g. `notion-tweaks.css`),
-then use the file picker in the enhancer menu to select it.
+to make your own css file to add, make sure that your file manager has "show file extensions" ticked, then
+create a text document and make sure the name ends in `.css` (e.g. `notion-tweaks.css`).
 
 this page is a collection of tested visual tweaks users often ask about.
 they should all also work in notion's web client, if copied into a customiser
diff --git a/mods/core/css/dark.css b/mods/core/css/dark.css
index 2b4d9ed..f7d44a4 100644
--- a/mods/core/css/dark.css
+++ b/mods/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/mods/core/css/light.css b/mods/core/css/light.css
index 1dba650..6dab07b 100644
--- a/mods/core/css/light.css
+++ b/mods/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/mods/core/css/localised.css b/mods/core/css/localised.css
index f0f0c0b..390c0f6 100644
--- a/mods/core/css/localised.css
+++ b/mods/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/mods/core/css/variables.css b/mods/core/css/variables.css
index 65d7dc7..883bb8f 100644
--- a/mods/core/css/variables.css
+++ b/mods/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/mods/dark+/mod.js b/mods/dark+/mod.js
index c0bac84..6f2487a 100644
--- a/mods/dark+/mod.js
+++ b/mods/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/mods/dark+/styles.css b/mods/dark+/styles.css
index 02f0c01..d9afdc2 100644
--- a/mods/dark+/styles.css
+++ b/mods/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/mods/gameish/mod.js b/mods/gameish/mod.js
index 7fac8f9..405aabe 100644
--- a/mods/gameish/mod.js
+++ b/mods/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/mods/gameish/styles.css b/mods/gameish/styles.css
index edbf410..b0c914b 100644
--- a/mods/gameish/styles.css
+++ b/mods/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/mods/neutral/mod.js b/mods/neutral/mod.js
index ba1dfc2..23a352e 100644
--- a/mods/neutral/mod.js
+++ b/mods/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/mods/neutral/styles.css b/mods/neutral/styles.css
index c8febf8..c814737 100644
--- a/mods/neutral/styles.css
+++ b/mods/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/mods/pastel-dark/mod.js b/mods/pastel-dark/mod.js
index af052e1..a69ff80 100644
--- a/mods/pastel-dark/mod.js
+++ b/mods/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/mods/pastel-dark/styles.css b/mods/pastel-dark/styles.css
index 8d3fa61..49c44bc 100644
--- a/mods/pastel-dark/styles.css
+++ b/mods/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;
diff --git a/package.json b/package.json
index 868240d..bb90a9a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "notion-enhancer",
-  "version": "0.8.4",
+  "version": "0.8.5-wip",
   "description": "an enhancer/customiser for the all-in-one productivity workspace notion.so",
   "main": "index.js",
   "bin": {