uPortal-ProjectGH-160 Added more colors and turned them into less var…

…iables to make it easier to change them and have them still be in sync
j-crawford · Apr 25, 2019 · fe18023 · fe18023
1 parent b75669c
commit fe18023
Showing 1 changed file with 104 additions and 20 deletions.
diff --git a/src/main/webapp/less/_base.less b/src/main/webapp/less/_base.less
@@ -110,82 +110,166 @@
     margin-bottom: 15px;
 }
 
+@color-0:#1062a5;
+@color-1:#2ca200;
+@color-2:#990000;
+@color-3:#683099;
+@color-4:#824100;
+@color-5:#008b78;
+@color-6:#d62876;
+@color-7:#bb5b1d;
+@color-8:#7b7b7b;
+@color-9:#000000;
+@color-10:#cfca00;
+@color-11:#002aa2;
+@color-12:#BB0000;
+@color-13:#8800d6;
+@color-14:#be8219;
+@color-15:#04a5b4;
+@color-16:#b6479b;
+@color-17:#ff7321;
+
 .color-0, a.color-0 {
-    color: #1062a5;
+    color: @color-0;
 }
 
 .color-1, a.color-1 {
-    color: #477300;
+    color: @color-1;
 }
 
 .color-2, a.color-2 {
-    color: #990000;
+    color: @color-2;
 }
 
 .color-3, a.color-3 {
-    color: #683099;
+    color: @color-3;
 }
 
 .color-4, a.color-4 {
-    color: #8b4500;
+    color: @color-4;
 }
 
 .color-5, a.color-5 {
-    color: #008b78;
+    color: @color-5;
 }
 
 .color-6, a.color-6 {
-    color: #b62162;
+    color: @color-6;
 }
 
 .color-7, a.color-7 {
-    color: #bb5b1d;
+    color: @color-7;
 }
 
 .color-8, a.color-8 {
-    color: #7b7b7b;
+    color: @color-8;
 }
 
 .color-9, a.color-9 {
-    color: #000000;
+    color: @color-9;
+}
+
+.color-10, a.color-10 {
+    color: @color-10;
+}
+
+.color-11, a.color-11 {
+    color: @color-11;
+}
+
+.color-12, a.color-12 {
+    color: @color-12;
+}
+
+.color-13, a.color-13 {
+    color: @color-13;
+}
+
+.color-14, a.color-14 {
+    color: @color-14;
+}
+
+.color-15, a.color-15 {
+    color: @color-15;
+}
+
+.color-16, a.color-16 {
+    color: @color-16;
+}
+
+.color-17, a.color-17 {
+    color: @color-17;
 }
 
+
 .upcal-color-0 .upcal-event-cal {
-    background-color: #1062a5;
+    background-color: @color-0;
 }
 
 .upcal-color-1 .upcal-event-cal {
-    background-color: #477300;
+    background-color: @color-1;
 }
 
 .upcal-color-2 .upcal-event-cal {
-    background-color: #990000;
+    background-color: @color-2;
 }
 
 .upcal-color-3 .upcal-event-cal {
-    background-color: #683099;
+    background-color: @color-3;
 }
 
 .upcal-color-4 .upcal-event-cal {
-    background-color: #8b4500;
+    background-color: @color-4;
 }
 
 .upcal-color-5 .upcal-event-cal {
-    background-color: #008b78;
+    background-color: @color-5;
 }
 
 .upcal-color-6 .upcal-event-cal {
-    background-color: #b62162;
+    background-color: @color-6;
 }
 
 .upcal-color-7 .upcal-event-cal {
-    background-color: #bb5b1d;
+    background-color: @color-7;
 }
 
 .upcal-color-8 .upcal-event-cal {
-    background-color: #7b7b7b;
+    background-color: @color-8;
 }
 
 .upcal-color-9 .upcal-event-cal {
-    background-color: #000000;
+    background-color: @color-9;
+}
+
+.upcal-color-10 .upcal-event-cal {
+    background-color: @color-10;
+}
+
+.upcal-color-11 .upcal-event-cal {
+    background-color: @color-11;
+}
+
+.upcal-color-12 .upcal-event-cal {
+    background-color: @color-12;
+}
+
+.upcal-color-13 .upcal-event-cal {
+    background-color: @color-13;
+}
+
+.upcal-color-14 .upcal-event-cal {
+    background-color: @color-14;
+}
+
+.upcal-color-15 .upcal-event-cal {
+    background-color: @color-15;
+}
+
+.upcal-color-16 .upcal-event-cal {
+    background-color: @color-16;
+}
+
+.upcal-color-17 .upcal-event-cal {
+    background-color: @color-17;
 }