53 lines
1.6 KiB
SCSS
53 lines
1.6 KiB
SCSS
@use "sass:color";
|
|
|
|
//Default colors
|
|
$default: hsl(0, 0%, 27%);
|
|
$default-hover: color.adjust($default, $lightness: -10%, $space: hsl);
|
|
$default-disabled: color.adjust($default, $lightness: 50%, $space: hsl);
|
|
$default-bg: color.adjust($default, $lightness: 60%, $space: hsl);
|
|
$default-bg-light: color.adjust($default, $lightness: 65%, $space: hsl);
|
|
$default-bg-trans: color.adjust($default, $lightness: 70%, $alpha: -0.2, $space: hsl);
|
|
$default-bg-trans-disabled: color.adjust($default, $lightness: 70%, $alpha: -0.5, $space: hsl);
|
|
$default-inv: $default-bg;
|
|
$default-inv-bg: $default;
|
|
|
|
//Feed colors
|
|
$post-input-bg: #ffffff;
|
|
$post: $default;
|
|
$post-hover: $default-hover;
|
|
$post-bg: $default-bg;
|
|
|
|
$message: hsl(109, 45%, 27%);
|
|
$message-hover: color.adjust($message, $lightness: -10%, $space: hsl);
|
|
$message-bg: color.adjust($message, $lightness: 60%, $space: hsl);
|
|
|
|
$media: hsl(214, 45%, 27%);
|
|
$media-hover: color.adjust($media, $lightness: -10%, $space: hsl);
|
|
$media-bg: color.adjust($media, $lightness: 60%, $space: hsl);
|
|
$media-bg-light: color.adjust($media, $lightness: 60%, $alpha: -0.4, $space: hsl);
|
|
|
|
//Over image colors
|
|
$over-img: #ffffff;
|
|
$over-img-bg: color.adjust($default, $lightness: 70%, $alpha: -0.5, $space: hsl);
|
|
$over-img-shadow: rgba(0, 0, 0, 0.5);
|
|
|
|
//Settings colors
|
|
$title: $default;
|
|
$subtitle: #999;
|
|
$download-hover: #0078A8;
|
|
|
|
//Legend colors
|
|
$legend: $default;
|
|
|
|
//Tracks
|
|
$track-start: $message;
|
|
$track-end: #FF7814;
|
|
|
|
//Loader
|
|
$loader: $default-bg;
|
|
$loader-bg: $default;
|
|
|
|
//Feedback
|
|
$error: #ff0000;
|
|
$warning: #ffa500;
|
|
$success: #008000; |