let DEFAULT_THEME_COLORS = {
	light_primary: '#1976D2',
	light_secondary: '#424242',
	light_background: '#eeeeee',
	light_surface : '#eeeeee',
	light_error: '#FF5252',
	light_info: '#2196F3',
	light_success: '#4CAF50',
	light_warning: '#FB8C00',
	dark_primary: '#2196F3',
	dark_secondary: '#424242',
	dark_background: '#303030',
	dark_surface : '#303030',
	dark_error: '#FF5252',
	dark_info: '#2196F3',
	dark_success: '#4CAF50',
	dark_warning: '#FB8C00',
}
function getThemesFromConfig() {
	return {
        light: {
            primary: data.config.light_primary, 
            secondary: data.config.light_secondary, 
            //background: data.config.light_background, 
            surface : data.config.light_surface, 
            error: data.config.light_error, 
            info: data.config.light_info, 
            success: data.config.light_success, 
            warning: data.config.light_warning, 
        },
        dark: {
            primary: data.config.dark_primary, 
            secondary: data.config.dark_secondary, 
            //background: data.config.dark_background, 
            surface : data.config.dark_surface , 
            error: data.config.dark_error, 
            info: data.config.dark_info, 
            success: data.config.dark_success, 
            warning: data.config.dark_warning, 
        }
    }
}
function darkThemeEnabled() {
	if (data.config.enableThemeSwitcher) {
		return localStorage.getItem(getLocalStoragePrefix() + 'persist_theme_light') != 'true'
	} else {
		return data.config.defaultTheme == 'dark' || false 
	}
}
function syncBodyWithTheme(self) {
    let dark = self.$vuetify.theme.dark

    document.body.classList.remove('theme--dark')
    document.body.classList.remove('theme--light')
    document.body.classList.add(dark ? 'theme--dark' : 'theme--light')

    document.getElementById('background-fixed').style.backgroundColor = 
        dark ? data.config.dark_background : data.config.light_background

    Chart.defaults.global.defaultFontColor = '#333' //dark ? "#fff" : "#333"
    Vue.nextTick(() => {
        for (let id in Chart.instances) {
            try {
                Chart.instances[id].update()
                Chart.instances[id].render()
            } catch (ex) {
            }
        }
    })
}