theme-green.js 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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('green', {
  16. 'default': '600', // top toolbar
  17. 'hue-1': '200',
  18. 'hue-2': '600', // sidebar toolbar
  19. 'hue-3': 'A700'
  20. })
  21. .accentPalette('green', {
  22. 'default': '600', // fab buttons
  23. 'hue-1': '50', // center list toolbar
  24. 'hue-2': '400',
  25. 'hue-3': 'A700'
  26. })
  27. .backgroundPalette('grey', {
  28. 'default': '50', // center list background
  29. 'hue-1': '50',
  30. 'hue-2': '100',
  31. 'hue-3': '100'
  32. });
  33. $mdThemingProvider.theme('default')
  34. .primaryPalette('green', {
  35. 'default': '600', // top toolbar
  36. 'hue-1': '200',
  37. 'hue-2': '600', // sidebar toolbar
  38. 'hue-3': 'A700'
  39. })
  40. .accentPalette('green', {
  41. 'default': '600', // fab buttons
  42. 'hue-1': '50', // center list toolbar
  43. 'hue-2': '400',
  44. 'hue-3': 'A700'
  45. })
  46. .backgroundPalette('grey', {
  47. 'default': '50', // center list background
  48. 'hue-1': '50',
  49. 'hue-2': '100',
  50. 'hue-3': '100'
  51. });
  52. $mdThemingProvider.setDefaultTheme('mailcow');
  53. $mdThemingProvider.generateThemesOnDemand(false);
  54. $mdThemingProvider.alwaysWatchTheme(true);
  55. }
  56. })();