From 803cb5cb1c4db8bbdd9142ce73524e32873435b5 Mon Sep 17 00:00:00 2001
From: kovacsv <viktorkovacs@gmail.com>
Date: Sun, 10 Oct 2021 11:31:47 +0200
Subject: [PATCH] Fine-tune dark mode styles.

---
 website/o3dv/css/controls.css   |  5 +++++
 website/o3dv/css/dialogs.css    | 10 ++++++++--
 website/o3dv/css/themes.css     |  4 +++-
 website/o3dv/css/website.css    |  6 +++++-
 website/o3dv/js/themehandler.js |  1 +
 5 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/website/o3dv/css/controls.css b/website/o3dv/css/controls.css
index 40b5a16..3b8e8b3 100644
--- a/website/o3dv/css/controls.css
+++ b/website/o3dv/css/controls.css
@@ -131,6 +131,11 @@ input.ov_checkbox:checked
 @media (hover)
 {
 
+div.ov_svg_icon.selected:hover
+{
+	color: var(--ov_hover_text_color);
+}
+
 div.ov_button:hover
 {
 	background: var(--ov_button_hover_color);
diff --git a/website/o3dv/css/dialogs.css b/website/o3dv/css/dialogs.css
index 848167a..9944d8e 100644
--- a/website/o3dv/css/dialogs.css
+++ b/website/o3dv/css/dialogs.css
@@ -108,14 +108,14 @@ div.ov_dialog a.ov_dialog_file_link
 	border-radius: 5px;
 }
 
-div.ov_dialog div.ov_file_link_img
+div.ov_dialog a.ov_dialog_file_link div.ov_file_link_img
 {
 	color: var(--ov_button_color);
 	margin-right: 10px;
 	float: left;
 }
 
-div.ov_dialog div.ov_dialog_file_link_text
+div.ov_dialog a.ov_dialog_file_link div.ov_dialog_file_link_text
 {
 	float: left;
 }
@@ -220,9 +220,15 @@ div.ov_progress div.ov_progress_text
 
 div.ov_dialog a.ov_dialog_file_link:hover
 {
+	color: var(--ov_hover_text_color);
 	background: var(--ov_hover_color);
 }
 
+div.ov_dialog a.ov_dialog_file_link:hover div.ov_file_link_img
+{
+	color: var(--ov_hover_text_color);
+}
+
 div.ov_popup div.ov_popup_list_item:hover
 {
 	background: var(--ov_hover_color);
diff --git a/website/o3dv/css/themes.css b/website/o3dv/css/themes.css
index 1bdb8b0..75b3777 100644
--- a/website/o3dv/css/themes.css
+++ b/website/o3dv/css/themes.css
@@ -10,6 +10,7 @@
     --ov_outline_button_text_color: #3393bd;
 	--ov_icon_color: #263238;
 	--ov_hover_color: #c9e5f8;
+	--ov_hover_text_color: #3393bd;
 	--ov_light_icon_color: #838383;
 	--ov_logo_text_color: #15334a;
 	--ov_logo_border_color: #000000;
@@ -28,10 +29,11 @@
     --ov_button_hover_color_dark: #146a8f;
     --ov_button_text_color_dark: #ffffff;
     --ov_outline_button_color_dark: #c9e5f8;
-    --ov_outline_button_hover_color_dark: #2a2b2e;
+    --ov_outline_button_hover_color_dark: #2f6984;
     --ov_outline_button_text_color_dark: #c9e5f8;
 	--ov_icon_color_dark: #fafafa;
 	--ov_hover_color_dark: #667c86;
+	--ov_hover_text_color_dark: #fafafa;
 	--ov_light_icon_color_dark: #dadada;
 	--ov_logo_text_color_dark: #fafafa;
 	--ov_logo_border_color_dark: #2a2b2e;
diff --git a/website/o3dv/css/website.css b/website/o3dv/css/website.css
index 1c685ab..138ae6a 100644
--- a/website/o3dv/css/website.css
+++ b/website/o3dv/css/website.css
@@ -138,11 +138,15 @@ div.ov_toolbar
 
 div.ov_toolbar div.ov_toolbar_button
 {
-	padding: 10px;
 	float: left;
 	cursor: pointer;
 }
 
+div.ov_toolbar div.ov_toolbar_button div.ov_svg_icon
+{
+	padding: 10px;
+}
+
 div.ov_toolbar div.ov_toolbar_button.right
 {
 	float: right;
diff --git a/website/o3dv/js/themehandler.js b/website/o3dv/js/themehandler.js
index fb9ceb8..65daa07 100644
--- a/website/o3dv/js/themehandler.js
+++ b/website/o3dv/js/themehandler.js
@@ -11,6 +11,7 @@ OV.ThemeHandler = class {
             '--ov_outline_button_text_color': {},
             '--ov_icon_color': {},
             '--ov_hover_color': {},
+            '--ov_hover_text_color': {},
             '--ov_light_icon_color': {},
             '--ov_logo_text_color': {},
             '--ov_logo_border_color': {},