Function changeTheme

client/core/themes.js:63–122

(themeId)

    // Change theme
    var changeTheme = function(themeId) {
        logger.log("try change theme", themeId, themes);
        var cssContent, theme = themes[themeId];
        if (!theme) return false;

        if (themeId == currentTheme) return true;

        logger.log("change theme", themeId);

        // Set current theme
        currentTheme = themeId;

        cssContent = css.convertJSON(theme.styles, {
            namespace: {
                // scrollbar
                'scrollbar': "::-webkit-scrollbar",
                'scrollbar thumb': "::-webkit-scrollbar-thumb",
                'scrollbar corner': "::-webkit-scrollbar-corner",

                // menu bar
                'menubar': ".cb-menubar",
                'menubar button': ".cb-menubar .cb-commands-menubar .menu-command-item>.btn",

                // statusbar
                'statusbar': ".cb-statusbar",
                'statusbar button': ".cb-statusbar .cb-commands-menubar .menu-command-item>.btn",

                // lateral bar
                'lateralbar': ".cb-lateralbar",
                'lateralbar commands': ".cb-lateralbar .lateral-commands",
                'lateralbar body': ".cb-panels",

                // body
                'body': ".cb-body",

                // tabs
                'tabs section': ".cb-tabs .section",
                'tabs header': ".cb-tabs .tabs-section .tabs-section-header",
                'tabs content': ".cb-tabs .tabs-section .tabs-section-content",
                'tabs tab': ".component-tab",

                // operations
                'operations operation': ".cb-operations .operation-item",

                // palette
                'palette': ".cb-commands-palette",
                'palette input': ".cb-commands-palette input",
                'palette results': ".cb-commands-palette .results",
                'palette results command': ".cb-commands-palette .results .command",

                // alerts
                'alerts': ".cb-alerts",
                'alerts alert': ".cb-alerts .cb-alert"
            },
            base: "body #codebox"
        });
        $css.html(cssContent);