From cc1f3179ce5b2fd2d9e45140ed8099dbde4b219c Mon Sep 17 00:00:00 2001
From: tholley7 <tholley7@uncc.edu>
Date: Mon, 13 May 2024 14:59:45 -0400
Subject: [PATCH] Fix removable tag styles

---
 themes/dracula/dracula-theme.css | 28 ++++++++++++++--------------
 themes/dracula/dracula-theme.yml |  2 +-
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/themes/dracula/dracula-theme.css b/themes/dracula/dracula-theme.css
index 492d589..90ad2fa 100644
--- a/themes/dracula/dracula-theme.css
+++ b/themes/dracula/dracula-theme.css
@@ -272,32 +272,32 @@ button#themeSwitchPlugin.dropdown-toggle.minimal.d-flex.align-items-center.h-100
 
 /* Adjust tag bodies in edit/tagger views */
 div.react-select__control .react-select__multi-value {
-    background-color: var(--my_tag_background);
-    border-radius: .3rem;
-	color: var(--my_gloomy_white);
-	font-weight: 500;
+    background-color: var(--my_tag_background) !important;
+    border-radius: .3rem !important;
+	color: var(--my_gloomy_white) !important;
+	font-weight: 500 !important;
 }
 
 /* Adjust tag labels in edit/tagger views */
 .react-select__multi-value__label {
-    background: var(--my_tag_background);
-    border-radius: .3rem;
-    color: var(--dracula_foreground);
-    padding: 3.5px 4.5px 4.5px 7px;
+    background: var(--my_tag_background) !important;
+    border-radius: .3rem !important;
+    color: var(--dracula_foreground) !important;
+    padding: 3.5px 4.5px 4.5px 7px !important;
 }
 
 /* Recolor tag [X] button in edit/tagger views */
 .react-select__multi-value__remove {
-    background-color: var(--my_tag_background);
-    border-radius: .3rem;
-	color: var(--my_gloomy_white);
-	font-weight: 500;
+    background-color: var(--my_tag_background) !important;
+    border-radius: .3rem !important;
+	color: var(--my_gloomy_white) !important;
+	font-weight: 500 !important;
 }
 
 /* Recolor tag [X] button hover in edit/tagger views */
 .react-select__multi-value__remove:hover {
-    background-color: var(--my_10pct_red);
-    color: var(--dracula_red);
+    background-color: var(--my_10pct_red) !important;
+    color: var(--dracula_red) !important;
 }
 
 
diff --git a/themes/dracula/dracula-theme.yml b/themes/dracula/dracula-theme.yml
index 1322427..72c2c20 100644
--- a/themes/dracula/dracula-theme.yml
+++ b/themes/dracula/dracula-theme.yml
@@ -1,6 +1,6 @@
 name: Dracula Theme
 description: A dark theme for Stash based on the popular Dracula theme.
-version: 1.2.1
+version: 1.2.2
 ui:
   css:
     - dracula-theme.css