theme-blue.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  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('mailcow-blue', {
  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. $mdThemingProvider.definePalette('sogo-green', {
  33. '50': 'E3F2FD',
  34. '100': 'BBDEFB',
  35. '200': '90CAF9',
  36. '300': '64B5F6',
  37. '400': '42A5F5',
  38. '500': '2196F3',
  39. '600': '1E88E5',
  40. '700': '1976D2',
  41. '800': '1565C0',
  42. '900': '0D47A1',
  43. '1000': '0D47A1',
  44. 'A100': '82B1FF',
  45. 'A200': '448AFF',
  46. 'A400': '2979ff',
  47. 'A700': '2962ff',
  48. 'contrastDefaultColor': 'dark',
  49. 'contrastLightColors': ['700', '800', '900'],
  50. 'contrastDarkColors': undefined
  51. });
  52. $mdThemingProvider.definePalette('default', {
  53. '50': 'E3F2FD',
  54. '100': 'BBDEFB',
  55. '200': '90CAF9',
  56. '300': '64B5F6',
  57. '400': '42A5F5',
  58. '500': '2196F3',
  59. '600': '1E88E5',
  60. '700': '1976D2',
  61. '800': '1565C0',
  62. '900': '0D47A1',
  63. '1000': '0D47A1',
  64. 'A100': '82B1FF',
  65. 'A200': '448AFF',
  66. 'A400': '2979ff',
  67. 'A700': '2962ff',
  68. 'contrastDefaultColor': 'dark',
  69. 'contrastLightColors': ['700', '800', '900'],
  70. 'contrastDarkColors': undefined
  71. });
  72. /**
  73. * Define the Alternative theme
  74. */
  75. $mdThemingProvider.theme('mailcow')
  76. .primaryPalette('mailcow-blue', {
  77. 'default': '700', // top toolbar
  78. 'hue-1': '500',
  79. 'hue-2': '700', // sidebar toolbar
  80. 'hue-3': 'A700'
  81. })
  82. .accentPalette('mailcow-blue', {
  83. 'default': '800', // fab buttons
  84. 'hue-1': '50', // center list toolbar
  85. 'hue-2': '500',
  86. 'hue-3': 'A700'
  87. })
  88. .backgroundPalette('grey', {
  89. 'default': '50', // center list background
  90. 'hue-1': '100',
  91. 'hue-2': '200',
  92. 'hue-3': '300'
  93. });
  94. $mdThemingProvider.theme('default')
  95. .primaryPalette('mailcow-blue', {
  96. 'default': '700', // top toolbar
  97. 'hue-1': '500',
  98. 'hue-2': '700', // sidebar toolbar
  99. 'hue-3': 'A200'
  100. })
  101. .accentPalette('mailcow-blue', {
  102. 'default': '800', // fab buttons
  103. 'hue-1': '50', // center list toolbar
  104. 'hue-2': '500',
  105. 'hue-3': 'A700'
  106. })
  107. .backgroundPalette('grey', {
  108. 'default': '50', // center list background
  109. 'hue-1': '100',
  110. 'hue-2': '200',
  111. 'hue-3': '300'
  112. });
  113. $mdThemingProvider.setDefaultTheme('mailcow');
  114. $mdThemingProvider.generateThemesOnDemand(false);
  115. }
  116. })();