From af977b1bfad544b711f3d73619b7af244d297c73 Mon Sep 17 00:00:00 2001
From: dragonwocky <thedragonring.bod@gmail.com>
Date: Sun, 12 Dec 2021 17:17:59 +1100
Subject: [PATCH] theme tag colours in selection input

---
 repo/theming/colors.css           | 36 +++++++++++++++----------------
 repo/theming/generate-mappings.js |  2 +-
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/repo/theming/colors.css b/repo/theming/colors.css
index 5d4f4a1..a21e054 100644
--- a/repo/theming/colors.css
+++ b/repo/theming/colors.css
@@ -47,9 +47,9 @@
   color: var(--theme--callout_gray-text) !important;
 }
 .notion-body:not(.dark)
-  [style*='background: rgb(227, 226, 224)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
+  [style*='background: rgb(227, 226, 224)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
 .notion-body.dark
-  [style*='background: rgb(71, 76, 80)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
+  [style*='background: rgb(71, 76, 80)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
   background: var(--theme--tag_gray) !important;
   color: var(--theme--tag_gray-text) !important;
 }
@@ -147,9 +147,9 @@
   color: var(--theme--callout_brown-text) !important;
 }
 .notion-body:not(.dark)
-  [style*='background: rgb(238, 224, 218)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
+  [style*='background: rgb(238, 224, 218)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
 .notion-body.dark
-  [style*='background: rgb(92, 71, 61)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
+  [style*='background: rgb(92, 71, 61)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
   background: var(--theme--tag_brown) !important;
   color: var(--theme--tag_brown-text) !important;
 }
@@ -247,9 +247,9 @@
   color: var(--theme--callout_orange-text) !important;
 }
 .notion-body:not(.dark)
-  [style*='background: rgb(250, 222, 201)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
+  [style*='background: rgb(250, 222, 201)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
 .notion-body.dark
-  [style*='background: rgb(136, 84, 44)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
+  [style*='background: rgb(136, 84, 44)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
   background: var(--theme--tag_orange) !important;
   color: var(--theme--tag_orange-text) !important;
 }
@@ -347,9 +347,9 @@
   color: var(--theme--callout_yellow-text) !important;
 }
 .notion-body:not(.dark)
-  [style*='background: rgb(253, 236, 200)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
+  [style*='background: rgb(253, 236, 200)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
 .notion-body.dark
-  [style*='background: rgb(146, 118, 63)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
+  [style*='background: rgb(146, 118, 63)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
   background: var(--theme--tag_yellow) !important;
   color: var(--theme--tag_yellow-text) !important;
 }
@@ -447,9 +447,9 @@
   color: var(--theme--callout_green-text) !important;
 }
 .notion-body:not(.dark)
-  [style*='background: rgb(219, 237, 219)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
+  [style*='background: rgb(219, 237, 219)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
 .notion-body.dark
-  [style*='background: rgb(50, 82, 65)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
+  [style*='background: rgb(50, 82, 65)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
   background: var(--theme--tag_green) !important;
   color: var(--theme--tag_green-text) !important;
 }
@@ -547,9 +547,9 @@
   color: var(--theme--callout_blue-text) !important;
 }
 .notion-body:not(.dark)
-  [style*='background: rgb(211, 229, 239)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
+  [style*='background: rgb(211, 229, 239)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
 .notion-body.dark
-  [style*='background: rgb(42, 78, 107)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
+  [style*='background: rgb(42, 78, 107)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
   background: var(--theme--tag_blue) !important;
   color: var(--theme--tag_blue-text) !important;
 }
@@ -647,9 +647,9 @@
   color: var(--theme--callout_purple-text) !important;
 }
 .notion-body:not(.dark)
-  [style*='background: rgb(232, 222, 238)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
+  [style*='background: rgb(232, 222, 238)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
 .notion-body.dark
-  [style*='background: rgb(83, 68, 116)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
+  [style*='background: rgb(83, 68, 116)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
   background: var(--theme--tag_purple) !important;
   color: var(--theme--tag_purple-text) !important;
 }
@@ -747,9 +747,9 @@
   color: var(--theme--callout_pink-text) !important;
 }
 .notion-body:not(.dark)
-  [style*='background: rgb(245, 224, 233)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
+  [style*='background: rgb(245, 224, 233)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
 .notion-body.dark
-  [style*='background: rgb(106, 59, 99)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
+  [style*='background: rgb(106, 59, 99)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
   background: var(--theme--tag_pink) !important;
   color: var(--theme--tag_pink-text) !important;
 }
@@ -847,9 +847,9 @@
   color: var(--theme--callout_red-text) !important;
 }
 .notion-body:not(.dark)
-  [style*='background: rgb(255, 226, 221)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
+  [style*='background: rgb(255, 226, 221)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
 .notion-body.dark
-  [style*='background: rgb(122, 54, 59)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
+  [style*='background: rgb(122, 54, 59)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
   background: var(--theme--tag_red) !important;
   color: var(--theme--tag_red-text) !important;
 }
diff --git a/repo/theming/generate-mappings.js b/repo/theming/generate-mappings.js
index ffebec3..8853641 100644
--- a/repo/theming/generate-mappings.js
+++ b/repo/theming/generate-mappings.js
@@ -272,7 +272,7 @@ function css() {
     notCallout = ":not([style*='border-radius'])",
     notBoardCard = ":not([style*='box-shadow'])",
     isTag =
-      "[style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;']";
+      "[style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;']";
   let css = '';
   for (const c in colors) {
     css += `