2020-02-16 18:30:00 +00:00
|
|
|
.redLight {
|
|
|
|
|
--primary-color: #f44336;
|
|
|
|
|
--primary-color-hover: #e53935;
|
|
|
|
|
--primary-color-active: #c62828;
|
|
|
|
|
--accent-color: #2196F3;
|
|
|
|
|
--primary-text-color: #212121;
|
|
|
|
|
--secondary-text-color: #424242;
|
|
|
|
|
--teritary-text-color: #757575;
|
|
|
|
|
--primary-input-color: rgba(0, 0, 0, 0.50);
|
|
|
|
|
--primary-shadow-color: rgba(232, 232, 232, 1);
|
|
|
|
|
--title-color: #3f7ac6;
|
|
|
|
|
--bg-color: #f1f1f1;
|
|
|
|
|
--card-bg-color: #FFFFFF;
|
|
|
|
|
--secondary-card-bg-color: #eeeeee;
|
|
|
|
|
--side-nav-color: #FFFFFF;
|
|
|
|
|
--side-nav-hover-color: #e0e0e0;
|
|
|
|
|
--side-nav-active-color: #757575;
|
|
|
|
|
--search-bar-color: #f5f5f5;
|
2020-02-27 03:10:56 +00:00
|
|
|
--logo-icon: url("/_icons/iconColorSmall.png");
|
|
|
|
|
--logo-text: url("/_icons/textColorSmall.png");
|
|
|
|
|
--logo-icon-bar-color: url("/_icons/iconBlackSmall.png");
|
|
|
|
|
--logo-text-bar-color: url("/_icons/textBlackSmall.png");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.redDark {
|
|
|
|
|
--primary-color: #f44336;
|
|
|
|
|
--primary-color-hover: #e53935;
|
|
|
|
|
--primary-color-active: #c62828;
|
|
|
|
|
--accent-color: #2196F3;
|
|
|
|
|
--primary-text-color: #EEEEEE;
|
|
|
|
|
--secondary-text-color: #E0E0E0;
|
|
|
|
|
--teritary-text-color: #F5F5F5;
|
|
|
|
|
--primary-input-color: rgba(0, 0, 0, 0.50);
|
|
|
|
|
--primary-shadow-color: rgba(0, 0, 0, 0.75);
|
|
|
|
|
--title-color: #EEEEEE;
|
|
|
|
|
--bg-color: #212121;
|
|
|
|
|
--card-bg-color: #303030;
|
|
|
|
|
--secondary-card-bg-color: rgba(0, 0, 0, 0.75);
|
|
|
|
|
--side-nav-color: #262626;
|
|
|
|
|
--side-nav-hover-color: #212121;
|
|
|
|
|
--side-nav-active-color: #303030;
|
|
|
|
|
--search-bar-color: #f5f5f5;
|
|
|
|
|
--logo-icon: url("/_icons/iconColorSmall.png");
|
|
|
|
|
--logo-text: url("/_icons/textColorSmall.png");
|
|
|
|
|
--logo-icon-bar-color: url("/_icons/iconBlackSmall.png");
|
|
|
|
|
--logo-text-bar-color: url("/_icons/textBlackSmall.png");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.redGray {
|
|
|
|
|
--primary-color: #f44336;
|
|
|
|
|
--primary-color-hover: #e53935;
|
|
|
|
|
--primary-color-active: #c62828;
|
|
|
|
|
--accent-color: #2196F3;
|
|
|
|
|
--primary-text-color: #212121;
|
|
|
|
|
--secondary-text-color: #424242;
|
|
|
|
|
--teritary-text-color: #757575;
|
|
|
|
|
--primary-input-color: rgba(0, 0, 0, 0.50);
|
|
|
|
|
--primary-shadow-color: rgba(232, 232, 232, 1);
|
|
|
|
|
--title-color: #3f7ac6;
|
|
|
|
|
--bg-color: #f1f1f1;
|
|
|
|
|
--card-bg-color: #FFFFFF;
|
|
|
|
|
--secondary-card-bg-color: #eeeeee;
|
|
|
|
|
--side-nav-color: #FFFFFF;
|
|
|
|
|
--side-nav-hover-color: #e0e0e0;
|
|
|
|
|
--side-nav-active-color: #757575;
|
|
|
|
|
--search-bar-color: #f5f5f5;
|
|
|
|
|
--logo-icon: url("/_icons/iconColorSmall.png");
|
|
|
|
|
--logo-text: url("/_icons/textColorSmall.png");
|
|
|
|
|
--logo-icon-bar-color: url("/_icons/iconBlackSmall.png");
|
|
|
|
|
--logo-text-bar-color: url("/_icons/textBlackSmall.png");
|
2020-02-16 18:30:00 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
color: var(--primary-text-color);
|
|
|
|
|
background-color: var(--bg-color);
|
|
|
|
|
--red-500: #f44336;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#app {
|
|
|
|
|
color: var(--primary-text-color);
|
|
|
|
|
background-color: var(--bg-color);
|
|
|
|
|
}
|
