diff --git a/website/info/info.css b/website/info/info.css
index 4a6d548..8f3a0ba 100644
--- a/website/info/info.css
+++ b/website/info/info.css
@@ -56,7 +56,7 @@ h1
 	margin-top: 30px;
 	margin-bottom: 20px;
 	padding: 10px 0px;
-	border-bottom: 1px solid #dddddd;
+	border-bottom: 1px solid var(--ov_light_border_color);
 }
 
 h1 a
@@ -76,7 +76,7 @@ h2
 	margin-top: 30px;
 	margin-bottom: 20px;
 	padding: 10px 0px;
-	border-bottom: 1px solid #dddddd;
+	border-bottom: 1px solid var(--ov_light_border_color);
 }
 
 h3
@@ -120,7 +120,7 @@ table
 table td, th
 {
 	padding: 10px;
-	border: 1px solid #dddddd;
+	border: 1px solid var(--ov_light_border_color);
 }
 
 table th
diff --git a/website/o3dv/css/controls.css b/website/o3dv/css/controls.css
index de1d94d..5872d2d 100644
--- a/website/o3dv/css/controls.css
+++ b/website/o3dv/css/controls.css
@@ -31,7 +31,7 @@ div.ov_svg_icon.selected
 
 div.ov_thin_scrollbar
 {
-	scrollbar-color: #cccccc transparent;
+	scrollbar-color: var(--ov_border_color) transparent;
 	scrollbar-width: thin;
 }
 
@@ -67,7 +67,7 @@ div.ov_tooltip
 {
 	color: var(--ov_foreground_color);
 	background: var(--ov_background_color);
-	border: 1px solid #dddddd;
+	border: 1px solid var(--ov_light_border_color);
 	padding: 5px 10px;
 	border-radius: 5px;
 	position: absolute;
diff --git a/website/o3dv/css/core.css b/website/o3dv/css/core.css
index c0773ce..b4cbce6 100644
--- a/website/o3dv/css/core.css
+++ b/website/o3dv/css/core.css
@@ -8,6 +8,10 @@
     --ov_secondary_hover_color: #e4f4ff;
 	--ov_icon_color: #263238;
 	--ov_light_icon_color: #838383;
+	--ov_toolbar_background_color: #f5f5f5;
+	--ov_toolbar_selected_background_color: #e1e1e1;
+	--ov_border_color: #cccccc;
+	--ov_light_border_color: #dddddd;
 }
 
 @font-face
diff --git a/website/o3dv/css/dialogs.css b/website/o3dv/css/dialogs.css
index 1334ce2..6b18c7a 100644
--- a/website/o3dv/css/dialogs.css
+++ b/website/o3dv/css/dialogs.css
@@ -71,7 +71,7 @@ div.ov_dialog textarea.ov_dialog_textarea
 	margin: 10px 0px;
 	width: 100%;
 	height: 120px;
-	border: 1px solid #cccccc;
+	border: 1px solid var(--ov_border_color);
 	outline: none;
 	box-sizing: border-box;
 }
@@ -117,7 +117,7 @@ div.ov_dialog div.ov_dialog_file_link_text
 div.ov_dialog div.ov_dialog_copyable_input
 {
 	padding: 3px;
-	border: 1px solid #dddddd;
+	border: 1px solid var(--ov_light_border_color);
 	border-radius: 5px;
 	overflow: auto;
 }
diff --git a/website/o3dv/css/website.css b/website/o3dv/css/website.css
index e7ee7a3..d636bb2 100644
--- a/website/o3dv/css/website.css
+++ b/website/o3dv/css/website.css
@@ -55,7 +55,7 @@ div.title_right a
 
 div.toolbar
 {
-	background: #f5f5f5;
+	background: var(--ov_toolbar_background_color);
 }
 
 div.intro
@@ -63,7 +63,7 @@ div.intro
 	margin: 10px;
 	padding: 10px;
 	text-align: center;
-	border: 2px dashed #cccccc;
+	border: 2px dashed var(--ov_border_color);
 	display: none;
 	overflow: auto;
 }
@@ -116,7 +116,7 @@ div.main_sidebar
 div.main_viewer canvas
 {
 	margin: 10px;
-	border: 1px solid #dddddd;
+	border: 1px solid var(--ov_light_border_color);
 	outline: none;
 	display: block;
 }
@@ -141,7 +141,7 @@ div.ov_toolbar div.ov_toolbar_button.right
 
 div.ov_toolbar div.ov_toolbar_button.selected
 {
-	background: #e1e1e1;
+	background: var(--ov_toolbar_selected_background_color);
 }
 
 div.ov_toolbar div.ov_toolbar_separator
@@ -161,7 +161,7 @@ div.ov_navigator_tree_title
 	overflow: hidden;
 	padding-bottom: 10px;
 	margin-bottom: 10px;
-	border-bottom: 1px solid #dddddd;
+	border-bottom: 1px solid var(--ov_light_border_color);
 }
 
 div.ov_navigator_tree_panel
@@ -173,14 +173,14 @@ div.ov_navigator_tree_panel
 div.ov_navigator_info_panel
 {
 	overflow: auto;
-	border-top: 1px solid #dddddd;
+	border-top: 1px solid var(--ov_light_border_color);
 }
 
 div.ov_navigator_info_panel div.ov_navigator_info_button
 {
 	cursor: pointer;
 	margin-top: 10px;
-	border: 1px solid #dddddd;
+	border: 1px solid var(--ov_light_border_color);
 	border-radius: 5px;
 	overflow: auto;
 }
@@ -206,7 +206,7 @@ div.ov_sidebar_title
 	overflow: hidden;
 	padding-bottom: 10px;
 	margin-bottom: 10px;
-	border-bottom: 1px solid #dddddd;
+	border-bottom: 1px solid var(--ov_light_border_color);
 }
 
 div.ov_sidebar_title div.ov_sidebar_title_text
@@ -254,7 +254,7 @@ div.ov_sidebar_content button.pcr-button
 	width: 30px;
 	height: 15px;
 	margin: 3px 10px 3px 3px;
-	border: 1px solid #cccccc;
+	border: 1px solid var(--ov_border_color);
 	outline: none;
 	float: left;
 }
@@ -268,7 +268,7 @@ div.ov_property_table_custom
 {
 	margin-top: 8px;
 	padding-top: 8px;
-	border-top: 1px solid #dddddd;
+	border-top: 1px solid var(--ov_light_border_color);
 }
 
 div.ov_property_table div.ov_property_table_row