obscreen/data/www/scss/utils/_variables.scss
2024-07-11 01:23:45 +02:00

45 lines
934 B
SCSS

// Raw Colors
$blueDark: rgb(15, 0, 53);
$bitterBlue: rgb(7, 92, 183);
$seaBlue: rgb(2, 123, 255);
$pinkyRed: rgb(239, 14, 93);
$bitterRed: rgb(194, 9, 65);
$limeGreen: rgb(14, 239, 95);
$bitterGreen: rgb(17, 169, 72);
$bitterPurple: rgb(105, 47, 189);
$sweetPurple: rgb(188, 72, 255);
$neutralGrey: rgb(70, 70, 70);
$lightGrey: rgb(153, 153, 153);
$white: rgb(255, 255, 255);
$black: rgb(0, 0, 0);
$youtube: rgb(253, 60, 1);
// Type Colors
$info: $seaBlue;
$success: $limeGreen;
$danger: $pinkyRed;
$primary: $seaBlue;
// Common styles
$baseRadius: 4px;
$layoutBorder: 1px solid #222;
$layoutBackground: #111;
// Packs
$colors: (
info: $info,
success: $success,
success-alt: $bitterGreen,
danger: $danger,
danger-alt: $bitterRed,
purple: $sweetPurple,
purple-alt: $bitterPurple,
youtube: $youtube,
neutral: $neutralGrey,
white: $white,
black: $black,
);
// Classes
@include generate-color-classes($colors);