Files
swingmusic-extended/src/assets/scss/_variables.scss
T
geoffrey45 075765088f build artist page
+ connect artist page to backend
~ bugs introduced as there are hashing changes in the backend

[will fix later]
2023-01-13 18:13:49 +03:00

57 lines
1.0 KiB
SCSS

// colors
$separator: #ffffff2f;
$highlight-blue: #006eff;
$darkestblue: #234ece;
$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;
$song-item-height: 4rem;
$content-padding-bottom: 2rem;
// 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);
$body: rgba(0, 0, 0, 0.95);
$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;
$danger: $red;
$track-hover: $gray4;
$context: black;
$playlist-card-bg: $gray4;
// SVG COLORS
$default: $accent;
$side-nav-svg: $red;
$overshoot: cubic-bezier(0.68, -0.55, 0.265, 1.55);