// 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);