franzz/spot
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix color dependencies

Browse Source
This commit is contained in:
Franzz
2026-04-13 23:02:35 +02:00
parent cb505d9092
commit 52316d9abb
12 changed files with 132 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/styles/_color.scss
View File

@@ -1,19 +1,53 @@
@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: #333;
$post-hover: color.adjust($post, $lightness: -10%, $space: hsl);
$post-bg: rgba(255, 255, 255, .8);
$message: #326526;
$message-hover: color.adjust($message, $lightness: -10%, $space: hsl);
$message-bg: #6DFF58;
$media: #333;
$media-bg: rgba(255, 255, 255, .8);
$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: $post;
$subtitle: #999;
$title: $default;
$subtitle: #999;
$download-hover: #0078A8;
//Legend colors
$legend: $post;
$legend: $default;
//Tracks
$track-start: $message;
$track-end: #FF7814;
//Loader
$loader: $default-bg;
$loader-bg: $default;
//Feedback
$error: #ff0000;
$warning: #ffa500;
$success: #008000;