Skip to content

Instantly share code, notes, and snippets.

@poqdavid
Last active May 12, 2022
Embed
What would you like to do?
SOGo Custom Theme
(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);
}
})();
/* -*- 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);
}
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment