From b5c4deafa8d99c9aee575af13e9934dcfa195af4 Mon Sep 17 00:00:00 2001
From: artisticMink <christian.pahren@googlemail.com>
Date: Fri, 27 Oct 2023 16:18:46 +0200
Subject: [PATCH] Style character context menu

---
 public/css/character-group-overlay.css | 35 ++++++++++++++++++++------
 public/index.html                      |  1 -
 2 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/public/css/character-group-overlay.css b/public/css/character-group-overlay.css
index 59d8fa6c9..dbe02014a 100644
--- a/public/css/character-group-overlay.css
+++ b/public/css/character-group-overlay.css
@@ -17,23 +17,42 @@
     position: absolute;
     padding: 3px;
     z-index: 10000;
-    background-color: var(--SmartThemeUserMesBlurTintColor);
-    border: 1px solid var(--SmartThemeBorderColor);
+    background-color: var(--black90a);
+    border: 1px solid var(--black90a);
     border-radius: 10px;
 }
 
+#character_context_menu ul li button {
+    border: 0;
+    border-bottom-color: currentcolor;
+    color: var(--SmartThemeQuoteColor);
+    background-color: transparent;
+    font-weight: bold;
+    font-size: 1em;
+    padding: 0.5em;
+    border-bottom: 1px dotted var(--SmartThemeQuoteColor);
+    width: 100%;
+    cursor: pointer;
+}
+
+#character_context_menu ul li button:hover {
+    background-color: var(--SmartThemeBlurTintColor);
+}
+
+#character_context_menu ul li:last-child button {
+    border-bottom: 0;
+}
+
+#character_context_menu ul li #character_context_menu_delete {
+    color: var(--fullred);
+}
+
 #character_context_menu ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
 }
 
-#character_context_menu li {
-    padding: 10px;
-    border-radius: 10px;
-    cursor: pointer;
-}
-
 #character_context_menu .character_context_menu_separator {
     height: 1px;
     background-color: var(--SmartThemeBotMesBlurTintColor);
diff --git a/public/index.html b/public/index.html
index 8445e1695..9de52e1ac 100644
--- a/public/index.html
+++ b/public/index.html
@@ -103,7 +103,6 @@
     <div id="character_context_menu" class="hidden">
         <ul>
             <li><button id="character_context_menu_favorite">Favorite</button></li>
-            <li class="character_context_menu_separator"></li>
             <li><button id="character_context_menu_duplicate">Duplicate</button></li>
             <li><button id="character_context_menu_persona">To Persona</button></li>
             <li><button id="character_context_menu_delete">Delete</button></li>