diff --git a/website/o3dv/css/controls.css b/website/o3dv/css/controls.css
index 77de8ec..de1d94d 100644
--- a/website/o3dv/css/controls.css
+++ b/website/o3dv/css/controls.css
@@ -19,6 +19,11 @@ div.ov_svg_icon.left_inline
 	float: left;
 }
 
+div.ov_svg_icon.light
+{
+	color: var(--ov_light_icon_color);
+}
+
 div.ov_svg_icon.selected
 {
 	color: var(--ov_primary_color);
diff --git a/website/o3dv/css/core.css b/website/o3dv/css/core.css
index 88d99f1..c0773ce 100644
--- a/website/o3dv/css/core.css
+++ b/website/o3dv/css/core.css
@@ -7,6 +7,7 @@
     --ov_secondary_color: #ffffff;
     --ov_secondary_hover_color: #e4f4ff;
 	--ov_icon_color: #263238;
+	--ov_light_icon_color: #838383;
 }
 
 @font-face
diff --git a/website/o3dv/css/treeview.css b/website/o3dv/css/treeview.css
index 00ff960..de80148 100644
--- a/website/o3dv/css/treeview.css
+++ b/website/o3dv/css/treeview.css
@@ -29,7 +29,7 @@ div.ov_tree_view div.ov_tree_item_button_container
 
 div.ov_tree_view div.ov_tree_item_button
 {
-	color: #838383;
+	color: var(--ov_light_icon_color);
 	padding: 5px;
 	float: left;
 	cursor: pointer;
diff --git a/website/o3dv/css/website.css b/website/o3dv/css/website.css
index fd35aee..e7ee7a3 100644
--- a/website/o3dv/css/website.css
+++ b/website/o3dv/css/website.css
@@ -193,7 +193,7 @@ div.ov_navigator_info_panel div.ov_navigator_info_button_text
 
 div.ov_navigator_info_panel div.ov_navigator_info_button_icon
 {
-	color: #838383;
+	color: var(--ov_light_icon_color);
 	padding: 6px;
 	float: right;
 }
@@ -216,7 +216,7 @@ div.ov_sidebar_title div.ov_sidebar_title_text
 
 div.ov_sidebar_title div.ov_sidebar_title_img
 {
-	color: #838383;
+	color: var(--ov_light_icon_color);
 	float: right;
 	cursor: pointer;
 }
@@ -239,7 +239,7 @@ div.ov_sidebar_content div.ov_sidebar_settings_content
 
 div.ov_sidebar_content div.ov_sidebar_settings_description
 {
-	color: #838383;
+	color: var(--ov_light_icon_color);
 	margin: 10px 0px 0px 43px;
 	float: left;
 }
@@ -249,13 +249,6 @@ div.ov_sidebar_content div.ov_sidebar_settings_warning
 	margin-left: 30px;
 }
 
-div.ov_sidebar_content div.ov_sidebar_settings_warning_img
-{
-	color: #838383;
-	margin-top: 2px;
-	float: left;
-}
-
 div.ov_sidebar_content button.pcr-button
 {
 	width: 30px;
diff --git a/website/o3dv/js/settingssidebarpanel.js b/website/o3dv/js/settingssidebarpanel.js
index 2181163..67a4a78 100644
--- a/website/o3dv/js/settingssidebarpanel.js
+++ b/website/o3dv/js/settingssidebarpanel.js
@@ -94,7 +94,7 @@ OV.SettingsSidebarPanel = class extends OV.SidebarPanel
         let warningDiv = null;
         if (warningText !== null) {
             warningDiv = $('<div>').addClass ('ov_sidebar_settings_description').appendTo (contentDiv);
-            OV.CreateSvgIcon (warningDiv, 'warning', 'ov_sidebar_settings_warning_img');
+            OV.CreateSvgIcon (warningDiv, 'warning', 'left_inline light');
             $('<div>').addClass ('ov_sidebar_settings_warning').html (warningText).appendTo (warningDiv);
         }
         return {