WebApp own Theme

  • Hello Kopano Forum,

    I have make my own WepApp Theme and place it on:


    But when the user change the theme in the preferences in webapp and he want go back to my own theme, the theme is not listed.

    My own Theme is configured as default in the config.php.

     define("THEME", 'THEMENAME');

  • Did you also changed the other files, like /usr/share/kopano-webapp/plugins/THEMENAME/jsTheme.js
    Also check the name, it is case sensitive

  • Yes, this is my jsTheme.js:

    // Create the namespace that will be used for this plugin
     * A theme plugin should extend {@link Zarafa.core.ThemePlugin}. If it only changes the css
     * there is nothing to implement in this class.
     * @class Zarafa.plugins.themeexample.Theme
     * @extends Zarafa.core.ThemePlugin
    Zarafa.plugins.SWT.Theme = Ext.extend(Zarafa.core.ThemePlugin, {});
    // Register the plugin with the container after the WebApp has loaded.
    Zarafa.onReady(function() {
        container.registerPlugin(new Zarafa.core.PluginMetaData({
            // To avoid problems the name of a plugin should be exactly the same as the
            // the name of the directory it is located in.
            name : 'SWT',
            // The displayName is what will be shown in the dropdown in which the user can pick a theme
            displayName : _('SWT'),
            // Do not allow the user to disable this plugin
            allowUserDisable : true,
            // Do not show this plugin in the plugin list
            allowUserVisible : true,
            pluginConstructor : Zarafa.plugins.SWT.Theme,
            // The 'about' text will be shown in the About part of the settings
            about : '<a target="_blank" href="http://www.swt-online.de">Background vector designed by SWT</a>'

  • hello @yythoss,

    is the manifest.xml present in the same dir?

    if not this is how it should look:

    <?xml version="1.0"?>
    <!DOCTYPE plugin SYSTEM "manifest.dtd">
    <plugin version="2">
                    <description>Theme for beeing fabolous and sparkel all the time</description>
                                            <clientfile load="source">js/Theme.js</clientfile>
                                            <clientfile load="debug">js/Theme.js</clientfile>
                                            <clientfile load="release">js/Theme.js</clientfile>

    note the path to your theme.js use your path/name



  • I’ve have made my theme adjustments at the “themeexample” theme and when that was working it changed the names in all the files until this was working.
    This has worked out for me…

  • Yes, the manifest.xml was the problem.
    Now it works perfekt THX.

Log in to reply