From 61fba34f1ca943547985e0854016ec7a87e84e83 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Fri, 8 Jun 2018 00:39:15 +0200
Subject: [PATCH] New Brand Colors Added

---
 Dashboard.js          |  8 +++++++-
 FloatingSpace/Note.js |  4 ++--
 Frame.js              | 12 ++++++------
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/Dashboard.js b/Dashboard.js
index e637ab66e..f92534ee6 100644
--- a/Dashboard.js
+++ b/Dashboard.js
@@ -6,7 +6,13 @@
 UI_COLOR = {
     DARK: "48, 48, 54",
     LIGHT: "234, 226, 222",
-    WHITE: "255, 255, 255"
+    WHITE: "255, 255, 255",
+    GOLDEN_ORANGE: "240, 162, 2",
+    RUSTED_RED: "204, 88, 53",
+    GREEN: "188, 214, 67",
+    RED: "223, 70, 60",
+    PATINATED_TURQUOISE: "27,153,139",
+    TITANIUM_YELLOW: "244,228,9"
 };
 
 /* User Interface Fonts */
diff --git a/FloatingSpace/Note.js b/FloatingSpace/Note.js
index 40081e88b..98fec7393 100644
--- a/FloatingSpace/Note.js
+++ b/FloatingSpace/Note.js
@@ -127,7 +127,7 @@ function newNote() {
             browserCanvasContext.fill();
 
             browserCanvasContext.lineWidth = 0.1;
-            browserCanvasContext.strokeStyle = 'rgba(54, 54, 54, 0.75)';
+            browserCanvasContext.strokeStyle = 'rgba(' + UI_COLOR.DARK + ', 0.75)';
             browserCanvasContext.stroke();
 
             /* We paint the title bar now */
@@ -146,7 +146,7 @@ function newNote() {
             browserCanvasContext.fill();
 
             browserCanvasContext.lineWidth = 0.1;
-            browserCanvasContext.strokeStyle = 'rgba(12, 64, 148, 0.75)';
+            browserCanvasContext.strokeStyle = 'rgba(' + UI_COLOR.RUSTED_RED + ', 0.75)';
             browserCanvasContext.stroke();
 
         }
diff --git a/Frame.js b/Frame.js
index b46cbc172..d2be84a3c 100644
--- a/Frame.js
+++ b/Frame.js
@@ -382,14 +382,14 @@ function newFrame() {
         browserCanvasContext.fill();
 
         browserCanvasContext.lineWidth = 0.1;
-        browserCanvasContext.strokeStyle = 'rgba(54, 54, 54, 0.75)';
+        browserCanvasContext.strokeStyle = 'rgba(' + UI_COLOR.DARK + ', 0.75)';
         browserCanvasContext.stroke();
 
  
 
         /* We paint the title bar now */
-
-        browserCanvasContext.fillStyle = 'rgba(37, 107, 219, 0.75)';
+        
+        browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.RUSTED_RED + ', 0.75)';
         browserCanvasContext.beginPath();
 
         browserCanvasContext.moveTo(titleBarPoint1.x, titleBarPoint1.y);
@@ -401,9 +401,9 @@ function newFrame() {
 
         browserCanvasContext.closePath();
         browserCanvasContext.fill();
-
+        
         browserCanvasContext.lineWidth = 0.1;
-        browserCanvasContext.strokeStyle = 'rgba(12, 64, 148, 0.75)';
+        browserCanvasContext.strokeStyle = 'rgba(' + UI_COLOR.DARK + ', 0.75)';
         browserCanvasContext.stroke();
 
         /* print the title */
@@ -425,7 +425,7 @@ function newFrame() {
 
         labelPoint = frame.frameThisPoint(labelPoint);
 
-        browserCanvasContext.fillStyle = 'rgba(240, 240, 240, 1)';
+        browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.WHITE + ', 1)';
         browserCanvasContext.fillText(label, labelPoint.x, labelPoint.y);
     }