diff --git a/website/o3dv/css/core.css b/website/o3dv/css/core.css index d601a12..d004bf0 100644 --- a/website/o3dv/css/core.css +++ b/website/o3dv/css/core.css @@ -1,26 +1,26 @@ :root { - --ov_foreground_color: none; - --ov_background_color: none; - --ov_button_color: none; - --ov_button_hover_color: none; - --ov_button_text_color: none; - --ov_outline_button_color: none; - --ov_outline_button_hover_color: none; - --ov_outline_button_text_color: none; - --ov_icon_color: none; - --ov_hover_color: none; - --ov_light_icon_color: none; - --ov_logo_text_color: none; - --ov_logo_border_color: none; - --ov_toolbar_background_color: none; - --ov_toolbar_selected_color: none; - --ov_toolbar_separator_color: none; - --ov_treeview_selected_color: none; - --ov_dialog_foreground_color: none; - --ov_dialog_background_color: none; - --ov_border_color: none; - --ov_shadow: none; + --ov_foreground_color: #000000; + --ov_background_color: #ffffff; + --ov_button_color: #3393bd; + --ov_button_hover_color: #146a8f; + --ov_button_text_color: #ffffff; + --ov_outline_button_color: #3393bd; + --ov_outline_button_hover_color: #c9e5f8; + --ov_outline_button_text_color: #3393bd; + --ov_icon_color: #263238; + --ov_hover_color: #c9e5f8; + --ov_light_icon_color: #838383; + --ov_logo_text_color: #15334a; + --ov_logo_border_color: #000000; + --ov_toolbar_background_color: #f5f5f5; + --ov_toolbar_selected_color: #e1e1e1; + --ov_toolbar_separator_color: #cccccc; + --ov_treeview_selected_color: #eeeeee; + --ov_dialog_foreground_color: #000000; + --ov_dialog_background_color: #ffffff; + --ov_border_color: #dddddd; + --ov_shadow: 0px 0px 10px #cccccc; } @font-face diff --git a/website/o3dv/js/themehandler.js b/website/o3dv/js/themehandler.js index 9bce861..f9461a8 100644 --- a/website/o3dv/js/themehandler.js +++ b/website/o3dv/js/themehandler.js @@ -1,6 +1,7 @@ OV.ThemeHandler = class { constructor () { this.themes = { + // TODO: this should be filled from the css 'light' : { 'css' : { '--ov_foreground_color': '#000000',