diff --git a/website/o3dv/css/controls.css b/website/o3dv/css/controls.css
index dd90558..02f178a 100644
--- a/website/o3dv/css/controls.css
+++ b/website/o3dv/css/controls.css
@@ -23,7 +23,7 @@ div.ov_thin_scrollbar::-webkit-scrollbar-thumb
 
 div.ov_button
 {
-	color: var(--ov_primary_text_color);
+	color: var(--ov_secondary_color);
 	background: var(--ov_primary_color);
 	text-align: center;
 	padding: 3px;
@@ -48,3 +48,19 @@ div.ov_tooltip
 	position: absolute;
 	box-shadow: 0px 0px 3px #cccccc;
 }
+
+@media (hover)
+{
+
+div.ov_button:hover
+{
+	background: var(--ov_primary_hover_color);
+    border: 1px solid var(--ov_primary_hover_color);
+}
+
+div.ov_button.outline:hover
+{
+	background: var(--ov_secondary_hover_color);
+}
+
+}
diff --git a/website/o3dv/css/core.css b/website/o3dv/css/core.css
index c79a13e..0af59b1 100644
--- a/website/o3dv/css/core.css
+++ b/website/o3dv/css/core.css
@@ -2,8 +2,10 @@
 {
     --ov_foreground_color: #000000;
     --ov_background_color: #ffffff;
-    --ov_primary_text_color: #ffffff;
     --ov_primary_color: #3393bd;
+    --ov_primary_hover_color: #146a8f;
+    --ov_secondary_color: #ffffff;
+    --ov_secondary_hover_color: #e4f4ff;
 }
 
 @font-face
@@ -46,7 +48,6 @@ a:hover
 
 }
 
-
 @media only screen and (max-width: 700px)
 {
 
diff --git a/website/o3dv/css/dialogs.css b/website/o3dv/css/dialogs.css
index 6ba72cf..cb38e85 100644
--- a/website/o3dv/css/dialogs.css
+++ b/website/o3dv/css/dialogs.css
@@ -227,12 +227,12 @@ div.ov_progress div.ov_progress_text
 
 div.ov_dialog a.ov_dialog_file_link:hover
 {
-	background: #e4f4ff;
+	background: var(--ov_secondary_hover_color);
 }
 
 div.ov_popup div.ov_popup_list_item:hover
 {
-	background: #e4f4ff;
+	background: var(--ov_secondary_hover_color);
 }
 
 }
diff --git a/website/o3dv/css/treeview.css b/website/o3dv/css/treeview.css
index a11a2f1..67d7c5f 100644
--- a/website/o3dv/css/treeview.css
+++ b/website/o3dv/css/treeview.css
@@ -58,7 +58,7 @@ div.ov_tree_view div.ov_tree_view_children
 
 div.ov_tree_view div.ov_tree_item.clickable:hover
 {
-	background: #e4f4ff;
+	background: var(--ov_secondary_hover_color);
 }
 
 }
diff --git a/website/o3dv/css/website.css b/website/o3dv/css/website.css
index 39aae37..dbd76de 100644
--- a/website/o3dv/css/website.css
+++ b/website/o3dv/css/website.css
@@ -325,12 +325,12 @@ div.ov_toolbar div.ov_toolbar_button:hover
 
 div.ov_navigator_info_panel div.ov_navigator_info_panel_title:hover
 {
-	background: #e4f4ff;
+	background: var(--ov_secondary_hover_color);
 }
 
 div.ov_navigator_info_panel div.ov_navigator_info_button:hover
 {
-	background: #e4f4ff;
+	background: var(--ov_secondary_hover_color);
 }
 
 }