$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;
  }

}