From 52079f08a2fe7cb1260b1cd9a5da2049de06531e Mon Sep 17 00:00:00 2001
From: RossAscends <124905043+RossAscends@users.noreply.github.com>
Date: Fri, 28 Apr 2023 05:19:43 +0900
Subject: [PATCH] style fix for tags

---
 public/scripts/tags.js | 64 ++++++++++++++++++++++++------------------
 public/style.css       | 18 ++++++++----
 2 files changed, 50 insertions(+), 32 deletions(-)

diff --git a/public/scripts/tags.js b/public/scripts/tags.js
index 74812441f..64d465949 100644
--- a/public/scripts/tags.js
+++ b/public/scripts/tags.js
@@ -10,33 +10,43 @@ export {
 };
 
 const TAG_COLORS = [
-    "#dd0a36", // Red
-    "#ff6633", // Orange
-    "#5f9ea0", // Teal Green
-    "#1e90ff", // Light Blue
-    "#990066", // Plum
-    "#8c00ff", // Fuchsia
-    "#00ffff", // Aqua
-    "#0f4ecc", // Teal
-    "#2f4b1c", // Green
-    "#3366e5", // Dodger Blue
-    "#36c3a1", // Mint Green
-    "#995511", // Terracotta
-    "#ab47bc", // Plum RGBA
-    "#805451", // Mulberry
-    "#ff8c69", // Salmon
-    "#ba55d3", // Magenta
-    "#b3ffba", // Mint RGBA
-    "#bae7b3", // Sea Green
-    "#b5d6fd", // Light Sky Blue
-    "#d9ecf1", // Mint Green RGBA
-    "#ffe6e6", // Light Pink
-    "#dcd0c8", // Linen
-    "#bed3f3", // Lavender Blush
-    "#ffe9f3", // Sand RGBA
-    "#333366", // Violet
-    "#993333", // Red Violet
-    "#3399ff", // Sky Blue
+
+    "",
+    /*
+    "#990099", //--tag-pink   
+    "#996600", //--tag-orange 
+    "#999900", //--tag-yellow 
+    "#009966", //--tag-green  
+    "#006699", // --tag-blue  
+    "#660099", //--tag-purple 
+
+         "#dd0a36", // Red
+        "#ff6633", // Orange
+        "#5f9ea0", // Teal Green
+        "#1e90ff", // Light Blue
+        "#990066", // Plum
+        "#8c00ff", // Fuchsia
+        "#00ffff", // Aqua
+        "#0f4ecc", // Teal
+        "#2f4b1c", // Green
+        "#3366e5", // Dodger Blue
+        "#36c3a1", // Mint Green
+        "#995511", // Terracotta
+        "#ab47bc", // Plum RGBA
+        "#805451", // Mulberry
+        "#ff8c69", // Salmon
+        "#ba55d3", // Magenta
+        "#b3ffba", // Mint RGBA
+        "#bae7b3", // Sea Green
+        "#b5d6fd", // Light Sky Blue
+        "#d9ecf1", // Mint Green RGBA
+        "#ffe6e6", // Light Pink
+        "#dcd0c8", // Linen
+        "#bed3f3", // Lavender Blush
+        "#ffe9f3", // Sand RGBA
+        "#333366", // Violet
+        "#993333", // Red Violet
+        "#3399ff", // Sky Blue */
 ];
 
 const random_id = () => Math.round(Date.now() * Math.random()).toString();
diff --git a/public/style.css b/public/style.css
index 735a49cb9..04a609d2c 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2322,19 +2322,22 @@ h5 {
     border-style: solid;
     border-width: 1px;
     box-sizing: border-box;
-    border-color: var(--black30a);
+    color: var(--SmartThemeQuoteColor);
+    background-color: var(--black30a);
+    border-color: var(--white30a);
     padding: 0.2rem 0.3rem;
-    font-size: calc(var(--mainFontSize) + 5%);
+    font-size: calc(var(--mainFontSize) - 5%);
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 10px;
     width: fit-content;
+    text-shadow: none !important;
 }
 
 .tag.selected {
-    font-weight: 500;
-    filter: brightness(125%);
+
+    border-color: var(--white70a);
 }
 
 .tag_remove {
@@ -2342,13 +2345,18 @@ h5 {
 }
 
 .tags {
+
     margin: 10px 0;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: flex-start;
-    column-gap: 1rem;
+    /*column-gap: 1rem;
     row-gap: 0.5rem;
+    */
+    column-gap: 0.4rem;
+    row-gap: 0.4rem;
+
 }
 
 #rm_tag_filter {