fitness-web/customer/app/src/styles/event.themes.scss

53 lines
1.4 KiB
SCSS

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