improve customer api & gui

customer/app/src/styles/event.themes.scss

@@ -0,0 +1,52 @@
+$event-color-yellow: #ECB809; // - sárga
+$event-color-burgundy :#AE173B; // - bordó
+$event-color-pink :#DF429B; // - pink
+$event-color-purple :#B929B1; // - lila
+$event-color-turquoise :#3EBFAE; // - türkiz
+$event-color-blue :#6594D1; // - kék
+$event-color-orange :#F1591A; // - narancs
+$event-color-green :#30B211; // - zöld
+$event-color-red :#E82A36; // - piros
+$event-color-brown :#98701E; // - barna
+
+
+$event-theme-0: $event-color-yellow; // - sárga
+$event-theme-1 :$event-color-burgundy; // - bordó
+$event-theme-2 :$event-color-pink; // - pink
+$event-theme-3 :$event-color-purple; // - lila
+$event-theme-4 :$event-color-turquoise; // - türkiz
+$event-theme-5 :$event-color-blue; // - kék
+$event-theme-6 :$event-color-orange; // - narancs
+$event-theme-7 :$event-color-green; // - zöld
+$event-theme-8 :$event-color-red; // - piros
+$event-theme-9 :$event-color-brown; // - barna
+
+
+$event-themes: (
+  "0": $event-theme-0,
+  "1": $event-theme-1,
+  "2": $event-theme-2,
+  "3": $event-theme-3,
+  "4": $event-theme-4,
+  "5": $event-theme-5,
+  "6": $event-theme-6,
+  "7": $event-theme-7,
+  "8": $event-theme-8,
+  "9": $event-theme-9
+);
+
+@each $name, $color in $event-themes {
+
+  @debug "event theme - divider offset:";
+
+  .event-theme-normal-#{$name} {
+    .event-bar{
+      background-color: #{$color} !important;
+    }
+  }
+
+  .event-theme-active-#{$name}{
+    background-color:  #{$color} !important;
+  }
+
+}