|
|
|
@ -28,11 +28,21 @@ $Blue: #3498DB;
|
|
|
|
|
$BlueShadow:rgba(51, 152, 219, 1);
|
|
|
|
|
$BlueBackground: #ecf7ff;
|
|
|
|
|
|
|
|
|
|
//--------------------------------------------DarkBlue
|
|
|
|
|
$DarkBlue: #04314B;
|
|
|
|
|
$DarkBlueShadow: rgba(4, 49, 75, 0.6);
|
|
|
|
|
$DarkBlueBackground: #ecf7ff;
|
|
|
|
|
|
|
|
|
|
//--------------------------------------------Green
|
|
|
|
|
$Green: #0d7e00;
|
|
|
|
|
$GreenShadow:rgba(13, 126, 0, 0.35);
|
|
|
|
|
$GreenBackground: #fbfffa;
|
|
|
|
|
|
|
|
|
|
//--------------------------------------------Pink
|
|
|
|
|
$Pink: #e94c8f;
|
|
|
|
|
$PinkShadow: rgba(233, 76, 143, 0.14);
|
|
|
|
|
$PinkBackground: #fbfffa;
|
|
|
|
|
|
|
|
|
|
//--------------------------------------------Cyan
|
|
|
|
|
$Cyan: #32c5d2;
|
|
|
|
|
$CyanShadow:rgba(50, 197, 210, 0.32);
|
|
|
|
@ -51,7 +61,7 @@ $GrayBackground: #ffe5e9;
|
|
|
|
|
//--------------------------------------------Brown
|
|
|
|
|
$Brown: #8b4513;
|
|
|
|
|
$BrownShadow:rgba(145, 81, 23, 0.5);
|
|
|
|
|
$BrownBackground: #ffe5e9;
|
|
|
|
|
$BrownBackground: #fff4ed;
|
|
|
|
|
|
|
|
|
|
//--------------------------------------------Black
|
|
|
|
|
$Black: #2f353b;
|
|
|
|
@ -74,6 +84,7 @@ $colors: (red: $Red, orange: $Orange, yellow: $Yellow, gold: $Gold, purple: $Pur
|
|
|
|
|
$Shadows: (red: $RedShadow, orange: $OrangeShadow, yellow: $YellowShadow, gold: $GoldShadow, purple: $PurpleShadow, blue: $BlueShadow, green: $GreenShadow, cyan: $CyanShadow, gray: $GrayShadow, 'grey.lighten-3': $LightGrayShadow, brown: $BrownShadow, black: $BlackShadow, white: $WhiteShadow, teal: $TealShadow);
|
|
|
|
|
$backgrounds: (red: $RedBackground, orange: $OrangeBackground, yellow: $YellowBackground, gold: $GoldBackground, purple: $PurpleBackground, blue: $BlueBackground, green: $GreenBackground, cyan: $CyanBackground, gray: $GrayBackground, 'grey.lighten-3': $LightGrayBackground, brown: $BrownBackground, black: $BlackBackground, white: $WhiteBackground, teal: $TealBackground);
|
|
|
|
|
:root {
|
|
|
|
|
//-------------------------------------------Main Colors
|
|
|
|
|
--color-red: #ee3552;
|
|
|
|
|
--color-orange: #ff6b57;
|
|
|
|
|
--color-yellow: #ffc107;
|
|
|
|
@ -92,6 +103,23 @@ $backgrounds: (red: $RedBackground, orange: $OrangeBackground, yellow: $YellowBa
|
|
|
|
|
--color-light-gray: #e6e6e6;
|
|
|
|
|
--color-light-blue: #C9D3EC;
|
|
|
|
|
--color-link-hover: #181b31;
|
|
|
|
|
//-------------------------------------------Main Background Colors
|
|
|
|
|
--color-bg-red: #fff8f9;
|
|
|
|
|
--color-bg-orange: #fff9f8;
|
|
|
|
|
--color-bg-yellow: #fff3de;
|
|
|
|
|
--color-bg-gold: #fffaf4;
|
|
|
|
|
--color-bg-purple: #fff5fa;
|
|
|
|
|
--color-bg-blue: #ecf7ff;
|
|
|
|
|
--color-bg-dark-blue: #ecf7ff;
|
|
|
|
|
--color-bg-green: #fbfffa;
|
|
|
|
|
--color-bg-pink: #fbfffa;
|
|
|
|
|
--color-bg-cyan: #faffff;
|
|
|
|
|
--color-bg-white: #fff;
|
|
|
|
|
--color-bg-gray: #ffe5e9;
|
|
|
|
|
--color-bg-brown: #ffe5e9;
|
|
|
|
|
--color-bg-black: #e8e8e87a;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//-------------------------------------------Module Colors
|
|
|
|
|
|
|
|
|
|
//-------------------------misc
|
|
|
|
|