--- a/cms/app-client/app/styles/app.scss	Mon Jul 04 19:21:37 2016 +0200
+++ b/cms/app-client/app/styles/app.scss	Mon Jul 04 19:42:36 2016 +0200
@@ -1,3 +1,7 @@
+$dark-blue: #13212d;
+$medium-blue : #253946;
+$light-blue : #becfd4;
+
 body {
     background-color: #f5f5f5;
 }
@@ -47,20 +51,20 @@
 }
 
 .corpus-app-modal {
-    background-color: #becfd4;
+    background-color: $light-blue;
     padding: 20px 40px;
 }
 
 .corpus-app-container {
     color: #687a84;
     box-sizing: border-box;
-    background-color: #becfd4;
+    background-color: $light-blue;
 }
 
 .corpus-app-container h2 {
     padding: 15px;
     font-size: 14px;
-    color: #253946;    
+    color: $medium-blue;
 }
 
 .corpus-window {
@@ -82,7 +86,7 @@
 }
 
 .corpus-app-wrapper {
-    background-color: #253946;
+    background-color: $medium-blue;
     box-shadow: -4px 0px 8px -4px #59626b;
 }
 
@@ -120,7 +124,7 @@
 }
 
 .corpus-app-content {
-    background-color: #13212d;
+    background-color: $dark-blue;
     overflow: hidden;
     height: 80px;
 }