How to change the color theme?

Configuration

Administration

SOGo relies on the theming system of Angular Material to define the colors of the Web interface.

To overwrite the default theme, set the following parameter in /etc/sogo/sogo.conf:

SOGoUIAdditionalJSFiles = (js/theme.js);

Edit theme.js under /usr/lib64/GNUstep/SOGo/WebServerResources/js or /usr/lib/GNUstep/SOGo/WebServerResources/js depending on your platform and restart sogod.

If the configuration parameter SOGoUIxDebugEnabled is unset or set to NO in /etc/sogo/sogo.conf, you’ll need to generate a new theme-default.css stylesheet for the new theme.

1. Temporarily set SOGoUIxDebugEnabled to YES;

2. Restart sogod;

3. Adjust the theme to your needs;

4. From your favorite browser, open the JavaScript console and type the following:

   copy([].slice.call(document.styleSheets)
   .map(e => e.ownerNode)
   .filter(e => e.hasAttribute('md-theme-style'))
   .map(e => e.textContent)
   .join('\n')
   )
   

5. Overwrite the content of WebServerResources/css/theme-default.css with the content of the clipboard;

6. Restore the value of SOGoUIxDebugEnabled (NO or unset);

7. Restart sogod.