theme-blue.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /* -*- Mode: javascript; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
  2. (function() {
  3. 'use strict';
  4. angular.module('SOGo.Common')
  5. .config(configure)
  6. /**
  7. * @ngInject
  8. */
  9. configure.$inject = ['$mdThemingProvider'];
  10. function configure($mdThemingProvider) {
  11. /**
  12. * Define the Alternative theme
  13. */
  14. $mdThemingProvider.theme('mailcow')
  15. .primaryPalette('blue', {
  16. 'default': '700', // top toolbar
  17. 'hue-1': '500',
  18. 'hue-2': '700', // sidebar toolbar
  19. 'hue-3': 'A700'
  20. })
  21. .accentPalette('blue', {
  22. 'default': '700', // fab buttons
  23. 'hue-1': '50', // center list toolbar
  24. 'hue-2': '600',
  25. 'hue-3': 'A700'
  26. })
  27. .backgroundPalette('grey', {
  28. 'default': '50', // center list background
  29. 'hue-1': '100',
  30. 'hue-2': '200',
  31. 'hue-3': '300'
  32. });
  33. $mdThemingProvider.theme('default')
  34. .primaryPalette('blue', {
  35. 'default': '700', // top toolbar
  36. 'hue-1': '500',
  37. 'hue-2': '700', // sidebar toolbar
  38. 'hue-3': 'A700'
  39. })
  40. .accentPalette('blue', {
  41. 'default': '700', // fab buttons
  42. 'hue-1': '50', // center list toolbar
  43. 'hue-2': '600',
  44. 'hue-3': 'A700'
  45. })
  46. .backgroundPalette('grey', {
  47. 'default': '50', // center list background
  48. 'hue-1': '100',
  49. 'hue-2': '200',
  50. 'hue-3': '300'
  51. });
  52. $mdThemingProvider.setDefaultTheme('mailcow');
  53. $mdThemingProvider.generateThemesOnDemand(false);
  54. }
  55. })();