[SOGo] SOGo theming

[Peter]

Hello,

I'm trying to follow the procedure from here:
https://sogo.nu/files/docs/SOGoDevelopersGuide.html#_defining_an_alternate_color_theme

I have Sogo 4.0.2 installed.

I defined three new themes in theme.js and I replaced theme-default.css.

I see in the log that my browser downloaded theme.js and 
theme-default.css, but I don't see any difference with the default theme 
(but I should). I attached theme.js to this mail (as theme.txt).

What am I doing wrong? How can I debug this issue?

Best regards,
Peter

--
users@sogo.nu
https://inverse.ca/sogo/lists/* -*- Mode: javascript; indent-tabs-mode: nil; c-basic-offset: 2 -*- */

(function() {
  'use strict';

  angular.module('SOGo.Common')
    .config(configure)

  /**
   * @ngInject
   */
  configure.$inject = ['$mdThemingProvider'];
  function configure($mdThemingProvider) {

    /**
     * Define a new palette or choose any of the default palettes:
     *
     * https://material.io/guidelines/style/color.html#color-color-palette
     */
    // $mdThemingProvider.definePalette('sogo-paper', {
    //   '50': 'fcf7f8',
    //   '100': 'f7f1dc',
    //   '200': 'ede5ca',
    //   '300': 'e6d8ba',
    //   '400': 'e2d2a3',
    //   '500': 'd6c48d',
    //   '600': 'baa870',
    //   '700': '857545',
    //   '800': '524517',
    //   '900': '433809',
    //   '1000': '000000',
    //   'A100': 'ffffff',
    //   'A200': 'eeeeee',
    //   'A400': 'bdbdbd',
    //   'A700': '616161',
    //   'contrastDefaultColor': 'dark',
    //   'contrastLightColors': ['800', '900']
    // });

    /**
     * Overwrite the default theme
     */
    $mdThemingProvider.definePalette('sogo-paper', {
      '50': 'fcf7f8',
      '100': 'f7f1dc',
      '200': 'ede5ca',
      '300': 'e6d8ba',
      '400': 'e2d2a3',
      '500': 'd6c48d',
      '600': 'baa870', // busy periods in attendees editor
      '700': '857545',
      '800': '524517',
      '900': '433809',
      '1000': '000000',
      'A100': 'ffffff',
      'A200': 'eeeeee',
      'A400': 'bdbdbd',
      'A700': '616161',
      'contrastDefaultColor': 'dark',
      'contrastLightColors': ['800', '900']
    });

    $mdThemingProvider.definePalette('sogo-background', {
      '50':"efefef",
      '100':"d7d7d7",
      '200':"bebebe",
      '300':"636363",
      '400':"8f8f8f",
      '500':"7e7e7e",
      '600':"727272",
      '700':"636363",
      '800':"565656",
      '900':"3d3d3d",
      'A100':"ffffff",
      'A200':"adadad",
      'A400':"737373",
      'A700':"646464",
      'contrastDefaultColor':"dark",
      'contrastLightColors':["300","400","500","600","700","800","900"]
    });

    $mdThemingProvider.definePalette('sogo-gray', {
      '50':"efefef",
      '100':"d7d7d7",
      '200':"bebebe",
      '300':"a4a4a4",
      '400':"8f8f8f",
      '500':"7e7e7e",
      '600':"727272",
      '700':"636363",
      '800':"565656",
      '900':"3d3d3d",
      '1000': 'baa870' // used as the background color of the busy periods of 
the attendees editor
      'A100':"ffffff",
      'A200':"adadad",
      'A400':"737373",
      'A700':"646464",
      'contrastDefaultColor':"dark",
      'contrastLightColors':["300","400","500","600","700","800","900"]
    });

    $mdThemingProvider.definePalette('sogo-black', {
      '50':"efefef",
      '100':"d7d7d7",
      '200':"bebebe",
      '300':"a4a4a4",
      '400':"8f8f8f",
      '500':"7e7e7e",
      '600':"727272",
      '700':"636363",
      '800':"565656",
      '900':"636363",
      '1000': 'baa870' // used as the background color of the busy periods of 
the attendees editor
      'A100':"ffffff",
      'A200':"adadad",
      'A400':"737373",
      'A700':"646464",
      'contrastDefaultColor':"light",
      'contrastDarkColors':["50","100","200"]
    });

//    var greyMap = $mdThemingProvider.extendPalette('grey', {
//      '600': '00b0c0', // used when highlighting text in md-autocomplete,
//      '1000': 'baa870' // used as the background color of the busy periods of 
the attendees editor
//    });

//    $mdThemingProvider.definePalette('sogo-grey', greyMap);

    $mdThemingProvider.theme('default')
      .primaryPalette('sogo-gray', {
        "default":"900",   // top toolbar
        "hue-1":"500",
        "hue-2":"900",     // sidebar toolbar
        "hue-3":"A700"
      })
      .accentPalette('sogo-black', {
        "default":"900",   // fab buttons
        "hue-1":"500",     // center list toolbar
        "hue-2":"700",
        "hue-3":"A700"
      })
      .backgroundPalette('sogo-background', {
        "default":"900",   // center list background
        "hue-1":"400",
        "hue-2":"900",
        "hue-3":"A700"
      });

    $mdThemingProvider.setDefaultTheme('default');
    $mdThemingProvider.generateThemesOnDemand(false);
  }
})();