66 lines
2.7 KiB
JavaScript
66 lines
2.7 KiB
JavaScript
OV.ThemeHandler = class {
|
|
constructor () {
|
|
this.themes = {
|
|
'light' : {
|
|
'css' : {
|
|
'--ov_foreground_color': '#000000',
|
|
'--ov_background_color': '#ffffff',
|
|
'--ov_button_color': '#3393bd',
|
|
'--ov_button_hover_color': '#146a8f',
|
|
'--ov_button_text_color': '#ffffff',
|
|
'--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'
|
|
}
|
|
},
|
|
'dark' : {
|
|
'css' : {
|
|
'--ov_foreground_color': '#fafafa',
|
|
'--ov_background_color': '#2a2b2e',
|
|
'--ov_button_color': '#3393bd',
|
|
'--ov_button_hover_color': '#146a8f',
|
|
'--ov_button_text_color': '#ffffff',
|
|
'--ov_icon_color': '#fafafa',
|
|
'--ov_hover_color': '#667c86',
|
|
'--ov_light_icon_color': '#dadada',
|
|
'--ov_logo_text_color': '#fafafa',
|
|
'--ov_logo_border_color': '#2a2b2e',
|
|
'--ov_toolbar_background_color': '#3d3e42',
|
|
'--ov_toolbar_selected_color': '#272727',
|
|
'--ov_toolbar_separator_color': '#888888',
|
|
'--ov_treeview_selected_color': '#38393d',
|
|
'--ov_dialog_foreground_color': '#fafafa',
|
|
'--ov_dialog_background_color': '#333333',
|
|
'--ov_border_color': '#444444',
|
|
'--ov_shadow': '0px 0px 10px #111111'
|
|
}
|
|
}
|
|
};
|
|
}
|
|
|
|
SwitchTheme (name)
|
|
{
|
|
let theme = this.themes[name];
|
|
if (theme === undefined) {
|
|
return;
|
|
}
|
|
|
|
let root = document.querySelector (':root');
|
|
for (let property in theme.css) {
|
|
if (Object.prototype.hasOwnProperty.call (theme.css, property)) {
|
|
root.style.setProperty (property, theme.css[property]);
|
|
}
|
|
}
|
|
}
|
|
};
|