From e0b6b19d2ecbef230892ec0d07220f493197ef15 Mon Sep 17 00:00:00 2001
From: kovacsv <viktorkovacs@gmail.com>
Date: Wed, 10 Nov 2021 09:59:19 +0100
Subject: [PATCH] Separate css variable for selected icon color.

---
 website/o3dv/css/controls.css   | 2 +-
 website/o3dv/css/themes.css     | 8 +++++---
 website/o3dv/js/themehandler.js | 3 ++-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/website/o3dv/css/controls.css b/website/o3dv/css/controls.css
index 3b8e8b3..778eb43 100644
--- a/website/o3dv/css/controls.css
+++ b/website/o3dv/css/controls.css
@@ -26,7 +26,7 @@ div.ov_svg_icon.light
 
 div.ov_svg_icon.selected
 {
-	color: var(--ov_button_color);
+	color: var(--ov_selected_icon_color);
 }
 
 div.ov_thin_scrollbar
diff --git a/website/o3dv/css/themes.css b/website/o3dv/css/themes.css
index 9967507..f51f7a7 100644
--- a/website/o3dv/css/themes.css
+++ b/website/o3dv/css/themes.css
@@ -9,9 +9,10 @@
     --ov_outline_button_hover_color: #c9e5f8;
     --ov_outline_button_text_color: #3393bd;
 	--ov_icon_color: #263238;
+	--ov_light_icon_color: #838383;
+	--ov_selected_icon_color: #3393bd;
 	--ov_hover_color: #c9e5f8;
 	--ov_hover_text_color: #3393bd;
-	--ov_light_icon_color: #838383;
 	--ov_logo_text_color: #15334a;
 	--ov_logo_border_color: #000000;
 	--ov_toolbar_background_color: #f5f5f5;
@@ -32,9 +33,10 @@
     --ov_outline_button_hover_color_dark: #2f6984;
     --ov_outline_button_text_color_dark: #c9e5f8;
 	--ov_icon_color_dark: #fafafa;
+	--ov_light_icon_color_dark: #bababa;
+	--ov_selected_icon_color_dark: #3393bd;
 	--ov_hover_color_dark: #667c86;
 	--ov_hover_text_color_dark: #fafafa;
-	--ov_light_icon_color_dark: #bababa;
 	--ov_logo_text_color_dark: #fafafa;
 	--ov_logo_border_color_dark: #2a2b2e;
 	--ov_toolbar_background_color_dark: #3d3e42;
@@ -44,5 +46,5 @@
     --ov_dialog_foreground_color_dark: #fafafa;
     --ov_dialog_background_color_dark: #333333;
 	--ov_border_color_dark: #444444;
-	--ov_shadow_dark: 0px 0px 10px #222222;	
+	--ov_shadow_dark: 0px 0px 10px #222222;
 }
diff --git a/website/o3dv/js/themehandler.js b/website/o3dv/js/themehandler.js
index 65daa07..cb56623 100644
--- a/website/o3dv/js/themehandler.js
+++ b/website/o3dv/js/themehandler.js
@@ -10,9 +10,10 @@ OV.ThemeHandler = class {
             '--ov_outline_button_hover_color': {},
             '--ov_outline_button_text_color': {},
             '--ov_icon_color': {},
+            '--ov_light_icon_color': {},
+            '--ov_selected_icon_color': {},
             '--ov_hover_color': {},
             '--ov_hover_text_color': {},
-            '--ov_light_icon_color': {},
             '--ov_logo_text_color': {},
             '--ov_logo_border_color': {},
             '--ov_toolbar_background_color': {},