SOGo Custom Theme

custom-theme.js

(function() {
  'use strict';
  angular.module('SOGo.Common')
    .config(configure)

  configure.$inject = ['$mdThemingProvider'];
  function configure($mdThemingProvider) {
    var greyMap = $mdThemingProvider.extendPalette('grey', {
      '200': '3e4044',
      '300': '292b30',
      '1000': '4C566A'
    });
    var redCow = $mdThemingProvider.extendPalette('red', {
      '600': '292b30'
    });
    $mdThemingProvider.definePalette('frost-grey', greyMap);
    $mdThemingProvider.definePalette('red-cow', redCow);
    $mdThemingProvider.theme('default')
      .primaryPalette('red-cow', {
        'default': '400',
        'hue-1': '400',
        'hue-2': '600',
        'hue-3': 'A700'
      })
      .accentPalette('red', {
        'default': '600',
        'hue-1': '300',
        'hue-2': '300',
        'hue-3': 'A700'
      })
      .backgroundPalette('frost-grey');
    $mdThemingProvider.generateThemesOnDemand(false);
  }
})();

custom-theme2.js

/* -*- 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) {
      var deeppurpleMap = $mdThemingProvider.extendPalette('deep-purple', {
        '200': '#3e4044',
        '300': '#292b30',
        '1000': '#4C566A',
        '50': '#313131',
        'A100': '#444444',

        '500': '#D81B60',

        'contrastDefaultColor': 'dark',
        'contrastLightColors': '50 100 200 300 400 500 600 A100 A200 A400 A700',
        'contrastStrongLightColors': '700 800 900 A700'
      });
      $mdThemingProvider.definePalette('frost-grey', deeppurpleMap);
  
      $mdThemingProvider.theme('default')
        .primaryPalette('purple', {
          'default': '400',
          'hue-1': '400',
          'hue-2': '600',
          'hue-3': 'A700'
        })
        .accentPalette('deep-purple', {
          'default': '600',
          'hue-1': '300',
          'hue-2': '300',
          'hue-3': 'A700'
        })
        .backgroundPalette('frost-grey');
  
      $mdThemingProvider.generateThemesOnDemand(false);
    }
  })();