73 lines
1.5 KiB
SCSS
73 lines
1.5 KiB
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);
|
|
$yellow: rgb(229, 161, 35);
|
|
|
|
// Brand Colors
|
|
$youtube: rgb(253, 60, 1);
|
|
$raspbian: rgb(182, 18, 64);
|
|
$windows: rgb(18, 167, 227);
|
|
$macos: rgb(179, 188, 194);
|
|
$debian: rgb(207, 8, 78);
|
|
$fedora: rgb(82, 162, 218);
|
|
$ubuntu: rgb(214, 69, 20);
|
|
$suse: rgb(111, 180, 37);
|
|
$redhat: rgb(198, 2, 0);
|
|
$centos: rgb(155, 76, 136);
|
|
$other: $yellow;
|
|
|
|
// Type Colors
|
|
$info: $seaBlue;
|
|
$success: $limeGreen;
|
|
$danger: $pinkyRed;
|
|
$primary: $seaBlue;
|
|
|
|
// Common styles
|
|
$baseRadius: 4px;
|
|
$layoutBorder: 1px solid #222;
|
|
$layoutBackground: #111;
|
|
|
|
// Packs
|
|
$colors: (
|
|
info: $info,
|
|
info-alt: $bitterBlue,
|
|
success: $success,
|
|
success-alt: $bitterGreen,
|
|
error: $danger,
|
|
error-alt: $bitterRed,
|
|
danger: $danger,
|
|
danger-alt: $bitterRed,
|
|
purple: $sweetPurple,
|
|
purple-alt: $bitterPurple,
|
|
neutral: $neutralGrey,
|
|
yellow: $yellow,
|
|
white: $white,
|
|
black: $black,
|
|
youtube: $youtube,
|
|
raspbian: $raspbian,
|
|
windows:$windows,
|
|
macos:$macos,
|
|
debian:$debian,
|
|
fedora:$fedora,
|
|
ubuntu:$ubuntu,
|
|
suse:$suse,
|
|
redhat:$redhat,
|
|
centos:$centos,
|
|
other:$other,
|
|
);
|
|
|
|
// Classes
|
|
@include generate-color-classes($colors);
|
|
@include generate-button-classes($colors);
|