From e571902a8547e26165548dc9b0a781a5d05c7318 Mon Sep 17 00:00:00 2001
From: Fabian Homborg <FHomborg@gmail.com>
Date: Thu, 10 Jun 2021 21:14:12 +0200
Subject: [PATCH] webconfig: Hover more things

The buttons were already supposed to highlight on hover, but the color
difference was barely visible. Crank that up.

Also add a hover color to the tabs, colorschemes, prompts, functions.

The big clickable things.
---
 share/tools/web_config/fishconfig.css | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/share/tools/web_config/fishconfig.css b/share/tools/web_config/fishconfig.css
index 45bd6479a..247d93e80 100644
--- a/share/tools/web_config/fishconfig.css
+++ b/share/tools/web_config/fishconfig.css
@@ -47,6 +47,14 @@ code {
     cursor: pointer;
 }
 
+.tab:hover,
+#tab_contents .master_element:hover,
+.color_scheme_choice_container:hover,
+.prompt_choices_list > .ng-scope:hover
+{
+    background-color: #DDE;
+}
+
 #tab_parent :first-child {
     border-top-left-radius: 8px;
     border-left: none;
@@ -56,7 +64,7 @@ code {
     border-top-right-radius: 8px;
 }
 
-.selected_tab {
+.selected_tab, .selected_tab:hover {
     background-color: #eeeefa;
     border-bottom: none;
 }
@@ -537,7 +545,7 @@ img.delete_icon {
 .save_button:hover,
 .customize_theme_button:hover,
 .generic_button:hover {
-    border-color: rgba(71, 71, 71, 0.9);
+    border-color: rgba(171, 171, 171, 0.9);
 }
 
 .button_highlight {
@@ -650,7 +658,15 @@ img.delete_icon {
         background-color: black;
         border: 1px solid #222;
     }
-    .selected_tab {
+    .tab:hover,
+    #tab_contents .master_element:hover,
+    .color_scheme_choice_container:hover,
+    .prompt_choices_list > .ng-scope:hover
+    {
+        background-color: #223;
+    }
+
+    .selected_tab, .selected_tab:hover {
         background-color: #202028;
         border-bottom: none;
     }