From ee4c1c0706976f5ae95a92468217ca99eda743ce Mon Sep 17 00:00:00 2001
From: iRouge <bfavreault@inverse.ca>
Date: Mon, 26 Jan 2015 22:01:24 -0500
Subject: [PATCH] define theme

---
 UI/WebServerResources/js/Common/ui.js | 129 ++++++++++++++++++--------
 1 file changed, 92 insertions(+), 37 deletions(-)

diff --git a/UI/WebServerResources/js/Common/ui.js b/UI/WebServerResources/js/Common/ui.js
index c5d052970..5cca17f18 100644
--- a/UI/WebServerResources/js/Common/ui.js
+++ b/UI/WebServerResources/js/Common/ui.js
@@ -8,49 +8,104 @@
  *
  * @type {angular.Module}
  */
-(function() {
+(function () {
   'use strict';
-  angular.module('SOGo.UI', ['ngMaterial' ])
+  angular.module('SOGo.UI', ['ngMaterial'])
 
-    .config(function($mdThemingProvider) {
-      $mdThemingProvider.theme('default')
-        .primaryColor('grey', {
-          'default': '800'
+      .config(function ($mdThemingProvider) {
+        // sogo-green extends the green palette, we put the extend in a var
+        // to use it in a custom named paelette
+        var sogoGreenSwatch = $mdThemingProvider.extendPalette('green', {
+          '50': 'eaf5e9',
+          '100': 'cbe5c8',
+          '200': 'aad6a5',
+          '300': '88c781',
+          '400': '66b86a',
+          '500': '56b04c',
+          '600': '4da143',
+          '700': '388e3c',
+          '800': '367d2e',
+          '900': '225e1b'
         });
-    })
+        var paperSwatch = $mdThemingProvider.extendPalette('grey', {
+          '50': 'fcf7f8',
+          '100': 'f7f1dc',
+          '200': 'ede5ca',
+          '300': 'e6d8ba',
+          '400': 'e2d2a3',
+          '500': 'd6c48d',
+          '600': 'baa870',
+          '700': '857545',
+          '800': '524517',
+          '900': '433809',
+          'contrastDefaultColor': 'dark',
+          'contrastLightColors': ['500', '600', '700', '800', '900']
+        });
+        $mdThemingProvider.definePalette('sogo-green', sogoGreenSwatch);
+        $mdThemingProvider.definePalette('vintage-blue', {
+          '50': 'f0faf9',
+          '100': 'e1f5f3',
+          '200': 'ceebe8',
+          '300': 'bfe0dd',
+          '400': 'b2d6d3',
+          '500': 'a1ccc8',
+          '600': '8ebfbb',
+          '700': '7db3b0',
+          '800': '639997',
+          '900': '4d8080',
+          'A100': 'd4f7fa',
+          'A200': 'c3f5fa',
+          'A400': '53e3f0',
+          'A700': '00b0c0',
+          'contrastDefaultColor': 'light',
+          'contrastDarkColors': ['50', '100', '200'],
+          'contrastLightColors': ['300', '400', '500', '600', '700', '800', '900', 'A100', 'A200', 'A400', 'A700']
+        });
+        $mdThemingProvider.definePalette('paper', paperSwatch);
+        // Default theme definition
+        $mdThemingProvider.theme('default')
+          .primaryColor('vintage-blue', {
+              'default': '300',
+              'hue-1': '100',
+              'hue-2': '400',
+              'hue-3': '700'
+            })
+          .accentColor('sogo-green')
+          .backgroundColor('paper');
+      })
 
-    .controller('toggleCtrl', ['$scope', '$timeout', '$mdSidenav', '$log', function($scope, $timeout, $mdSidenav, $log) {
-      $scope.toggleLeft = function() {
-        $mdSidenav('left').toggle()
-                          .then(function(){
-                              $log.debug("toggle left is done");
-                          });
-      };
-      $scope.toggleRight = function() {
-        $mdSidenav('right').toggle()
-                            .then(function(){
-                              $log.debug("toggle RIGHT is done");
-                            });
-      };
-    }])
+      .controller('toggleCtrl', ['$scope', '$timeout', '$mdSidenav', '$log', function ($scope, $timeout, $mdSidenav, $log) {
+        $scope.toggleLeft = function () {
+          $mdSidenav('left').toggle()
+              .then(function () {
+                $log.debug("toggle left is done");
+              });
+        };
+        $scope.toggleRight = function () {
+          $mdSidenav('right').toggle()
+              .then(function () {
+                $log.debug("toggle RIGHT is done");
+              });
+        };
+      }])
 
-    .controller('LeftCtrl', function($scope, $timeout, $mdSidenav, $log) {
-      $scope.close = function() {
-        $mdSidenav('left').close()
-                          .then(function(){
-                            $log.debug("close LEFT is done");
-                          });
-      };
-    })
+      .controller('LeftCtrl', function ($scope, $timeout, $mdSidenav, $log) {
+        $scope.close = function () {
+          $mdSidenav('left').close()
+              .then(function () {
+                $log.debug("close LEFT is done");
+              });
+        };
+      })
 
-    .controller('RightCtrl', function($scope, $timeout, $mdSidenav, $log) {
-      $scope.close = function() {
-        $mdSidenav('right').close()
-                            .then(function(){
-                              $log.debug("close RIGHT is done");
-                            });
-      };
-    });
+      .controller('RightCtrl', function ($scope, $timeout, $mdSidenav, $log) {
+        $scope.close = function () {
+          $mdSidenav('right').close()
+              .then(function () {
+                $log.debug("close RIGHT is done");
+              });
+        };
+      });
 
 })();