mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-04 12:33:03 +00:00
geoffrey45
5476575d10
+ fix `play next` bug + add new folder banner image + add new now playing component + move to gray4 for accent color + increase image sizes, for clean UI
55 lines
933 B
SCSS
55 lines
933 B
SCSS
// colors
|
|
|
|
$body: #0f1218;
|
|
$separator: #ffffff2f;
|
|
$highlight-blue: #006eff;
|
|
$bbb: #161616; //bottom controls background
|
|
$theme: #464545fd;
|
|
|
|
// sizes
|
|
$small: 0.5rem;
|
|
$smaller: 0.25rem;
|
|
$medium: 0.75rem;
|
|
$large: 1.5rem;
|
|
$larger: 2rem;
|
|
|
|
$banner-height: 18rem;
|
|
|
|
// apple human design guideline colors
|
|
$black: #181a1c;
|
|
$white: #ffffffde;
|
|
|
|
$gray: #1c1c1e;
|
|
$gray1: rgb(142, 142, 147);
|
|
$gray2: rgb(99, 99, 102);
|
|
$gray3: rgb(72, 72, 74);
|
|
$gray4: rgb(58, 58, 60);
|
|
$gray5: rgb(44, 44, 46);
|
|
|
|
$red: #ff453a;
|
|
$blue: #0a84ff;
|
|
$darkblue: #055ee2;
|
|
$green: rgb(20, 160, 55);
|
|
$yellow: rgb(255, 214, 10);
|
|
$orange: rgb(255, 159, 10);
|
|
$pink: rgb(255, 55, 95);
|
|
$purple: #bf5af2;
|
|
$brown: rgb(172, 142, 104);
|
|
$indigo: #5e5ce6;
|
|
$teal: rgb(64, 200, 224);
|
|
|
|
$primary: $gray4;
|
|
$accent: $gray1;
|
|
$secondary: $gray5;
|
|
$cta: $blue;
|
|
$danger: $red;
|
|
$track-hover: $gray4;
|
|
$context: $gray;
|
|
|
|
// SVG COLORS
|
|
$default: $accent;
|
|
$track-btn-svg: $accent;
|
|
$side-nav-svg: $red;
|
|
|
|
|