2016-01-04 11:32:13 +05:30
|
|
|
$green: #207e5c;
|
|
|
|
$blue: #5b9aa9;
|
|
|
|
$red: #e66c69;
|
|
|
|
$violet: #6b5b8c;
|
|
|
|
$dark_blue: #28555b;
|
|
|
|
$light_violet: #8b5d79;
|
|
|
|
$orange: #dd8650;
|
2016-11-08 11:37:04 +05:30
|
|
|
$white: #ebe8e1;
|
2016-01-04 11:32:13 +05:30
|
|
|
|
|
|
|
$black: #232323;
|
|
|
|
|
2019-11-27 14:33:32 +05:30
|
|
|
$defaultButtonTextColor: #fff;
|
2016-11-08 11:37:04 +05:30
|
|
|
$whiteButtonLight: #f5f5f5;
|
|
|
|
$whiteButtonDark: #f5f5f5; // TODO: найти оптимальный цвет для прожатого состояния
|
2016-01-04 18:28:23 +05:30
|
|
|
|
2016-01-04 11:32:13 +05:30
|
|
|
@function darker($color) {
|
2019-11-27 14:33:32 +05:30
|
|
|
$elyColorsMap: (
|
|
|
|
$green: #1a6449,
|
|
|
|
$blue: #568297,
|
|
|
|
$red: #e15457,
|
|
|
|
$violet: #66437a,
|
|
|
|
$dark_blue: #233d49,
|
|
|
|
$light_violet: #864567,
|
|
|
|
$orange: #d86e3e,
|
|
|
|
$black: #1c1c1c,
|
|
|
|
);
|
2016-01-04 18:28:23 +05:30
|
|
|
|
2019-11-27 14:33:32 +05:30
|
|
|
@if (map_has_key($elyColorsMap, $color)) {
|
|
|
|
@return map-get($elyColorsMap, $color);
|
|
|
|
} @else {
|
|
|
|
@return darken($color, 4%);
|
|
|
|
}
|
2016-01-04 11:32:13 +05:30
|
|
|
}
|
|
|
|
|
|
|
|
@function lighter($color) {
|
2019-11-27 14:33:32 +05:30
|
|
|
$elyColorsMap: (
|
|
|
|
$green: #379070,
|
|
|
|
$blue: #71a6b2,
|
|
|
|
$red: #fc7872,
|
|
|
|
$violet: #816795,
|
|
|
|
$dark_blue: #3e6164,
|
|
|
|
$light_violet: #a16982,
|
|
|
|
$orange: #f39259,
|
|
|
|
$black: #2e2e2e,
|
|
|
|
);
|
2016-01-04 18:28:23 +05:30
|
|
|
|
2019-11-27 14:33:32 +05:30
|
|
|
@if (map_has_key($elyColorsMap, $color)) {
|
|
|
|
@return map-get($elyColorsMap, $color);
|
|
|
|
} @else {
|
|
|
|
@return lighten($color, 3%);
|
|
|
|
}
|
2016-01-04 11:32:13 +05:30
|
|
|
}
|