87 lines
2.3 KiB
JavaScript
87 lines
2.3 KiB
JavaScript
/* -*- 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) {
|
|
|
|
/**
|
|
* The SOGo palettes are defined in js/Common/Common.app.js:
|
|
*
|
|
* - sogo-green
|
|
* - sogo-blue
|
|
* - sogo-grey
|
|
*
|
|
* The Material palettes are also available:
|
|
*
|
|
* - red
|
|
* - pink
|
|
* - purple
|
|
* - deep-purple
|
|
* - indigo
|
|
* - blue
|
|
* - light-blue
|
|
* - cyan
|
|
* - teal
|
|
* - green
|
|
* - light-green
|
|
* - lime
|
|
* - yellow
|
|
* - amber
|
|
* - orange
|
|
* - deep-orange
|
|
* - brown
|
|
* - grey
|
|
* - blue-grey
|
|
*
|
|
* See https://material.angularjs.org/latest/Theming/01_introduction
|
|
* and https://material.io/archive/guidelines/style/color.html#color-color-palette
|
|
*
|
|
* You can also define your own palettes. See js/Common/Common.app.js.
|
|
*/
|
|
|
|
// Create new background palette from grey palette
|
|
var greyMap = $mdThemingProvider.extendPalette('grey', {
|
|
// background color of sidebar selected item,
|
|
// background color of right panel,
|
|
// background color of menus (autocomplete and contextual menus)
|
|
'200': 'F5F5F5',
|
|
// background color of sidebar
|
|
'300': 'E5E5E5',
|
|
// background color of the busy periods of the attendees editor
|
|
'1000': '4C566A'
|
|
});
|
|
var greenCow = $mdThemingProvider.extendPalette('green', {
|
|
'600': 'E5E5E5'
|
|
});
|
|
|
|
$mdThemingProvider.definePalette('frost-grey', greyMap);
|
|
$mdThemingProvider.definePalette('green-cow', greenCow);
|
|
|
|
// Apply new palettes to the default theme, remap some of the hues
|
|
$mdThemingProvider.theme('default')
|
|
.primaryPalette('green-cow', {
|
|
'default': '400', // background color of top toolbars
|
|
'hue-1': '400',
|
|
'hue-2': '600', // background color of sidebar toolbar
|
|
'hue-3': 'A700'
|
|
})
|
|
.accentPalette('green', {
|
|
'default': '600', // background color of fab buttons
|
|
'hue-1': '300', // background color of center list toolbar
|
|
'hue-2': '300',
|
|
'hue-3': 'A700'
|
|
})
|
|
.backgroundPalette('frost-grey');
|
|
|
|
$mdThemingProvider.generateThemesOnDemand(false);
|
|
}
|
|
})();
|