Hover effect on Buttons #112

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);
+}
+
+}

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)
 {
 

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);
 }
 
 }

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);
 }
 
 }

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);
 }
 
 }