theme-blue.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  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. $mdThemingProvider.theme('default')
  73. .primaryPalette('mailcow-blue', {
  74. 'default': '700', // top toolbar
  75. 'hue-1': '500',
  76. 'hue-2': '700', // sidebar toolbar
  77. 'hue-3': 'A200'
  78. })
  79. .accentPalette('mailcow-blue', {
  80. 'default': '800', // fab buttons
  81. 'hue-1': '50', // center list toolbar
  82. 'hue-2': '500',
  83. 'hue-3': 'A700'
  84. })
  85. .backgroundPalette('grey', {
  86. 'default': '50', // center list background
  87. 'hue-1': '100',
  88. 'hue-2': '200',
  89. 'hue-3': '300'
  90. });
  91. $mdThemingProvider.setDefaultTheme('default');
  92. $mdThemingProvider.generateThemesOnDemand(false);
  93. $mdThemingProvider.alwaysWatchTheme(true);
  94. }
  95. })();