theme-blue.js 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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. // Overwrite values to prevent flipping colors on login screen
  12. $mdThemingProvider.definePalette('sogo-green', {
  13. '50': 'E3F2FD',
  14. '100': 'BBDEFB',
  15. '200': '90CAF9',
  16. '300': '64B5F6',
  17. '400': '42A5F5',
  18. '500': '2196F3',
  19. '600': '1E88E5',
  20. '700': '1976D2',
  21. '800': '1565C0',
  22. '900': '0D47A1',
  23. '1000': '0D47A1',
  24. 'A100': '82B1FF',
  25. 'A200': '448AFF',
  26. 'A400': '2979ff',
  27. 'A700': '2962ff',
  28. 'contrastDefaultColor': 'dark',
  29. 'contrastLightColors': ['700', '800', '900'],
  30. 'contrastDarkColors': undefined
  31. });
  32. /**
  33. * Define the Alternative theme
  34. */
  35. $mdThemingProvider.theme('mailcow')
  36. .primaryPalette('sogo-green', {
  37. 'default': '700', // top toolbar
  38. 'hue-1': '500',
  39. 'hue-2': '700', // sidebar toolbar
  40. 'hue-3': 'A700'
  41. })
  42. .accentPalette('sogo-green', {
  43. 'default': '800', // fab buttons
  44. 'hue-1': '50', // center list toolbar
  45. 'hue-2': '500',
  46. 'hue-3': 'A700'
  47. })
  48. .backgroundPalette('grey', {
  49. 'default': '50', // center list background
  50. 'hue-1': '100',
  51. 'hue-2': '200',
  52. 'hue-3': '300'
  53. });
  54. $mdThemingProvider.theme('default')
  55. .primaryPalette('sogo-green', {
  56. 'default': '700', // top toolbar
  57. 'hue-1': '500',
  58. 'hue-2': '700', // sidebar toolbar
  59. 'hue-3': 'A200'
  60. })
  61. .accentPalette('sogo-green', {
  62. 'default': '800', // fab buttons
  63. 'hue-1': '50', // center list toolbar
  64. 'hue-2': '500',
  65. 'hue-3': 'A700'
  66. })
  67. .backgroundPalette('grey', {
  68. 'default': '50', // center list background
  69. 'hue-1': '100',
  70. 'hue-2': '200',
  71. 'hue-3': '300'
  72. });
  73. $mdThemingProvider.setDefaultTheme('mailcow');
  74. $mdThemingProvider.generateThemesOnDemand(false);
  75. }
  76. })();