Update _colors.scss

This commit is contained in:
asatterfield
2021-06-15 16:00:40 -06:00
committed by GitHub
parent d407d2103f
commit f6cb9d0814

View File

@@ -2,92 +2,93 @@
// Full color palette first ---------------------------------------------------- // Full color palette first ----------------------------------------------------
$white: #FFFFFF; $white: #FFFFFF;
$gray-100: #F1F2F4; $gray-100: #F5F5F7;
$gray-200: #D4D7DD; $gray-200: #E0E0E1;
$gray-300: #B8BDC7; $gray-300: #C1C1C2;
$gray-400: #9BA2B0; $gray-400: #A2A2A4;
$gray-500: #7E889A; $gray-500: #838386;
$gray-600: #656E81; $gray-600: #454549;
$gray-700: #4F5664; $gray-700: #343437;
$gray-800: #383D47; $gray-800: #232325;
$gray-900: #22252B; $gray-900: #111112;
$black: #000000; $black: #000000;
$green-100: #E6FFF1; $green-100: #D6FAE7;
$green-200: #B3FFD6; $green-200: #ADF5CE;
$green-300: #80FFBA; $green-300: #84F0B6;
$green-400: #4DFF9F; $green-400: #5BEB9D;
$green-500: #19FF83; $green-500: #32E685;
$green-600: #00E66A; $green-600: #2DCF78;
$green-700: #00B352; $green-700: #28B86A;
$green-800: #00803B; $green-800: #1E8A50;
$green-900: #004D23; $green-900: #145C35;
$green-1000: #0A2E1B;
$green: $green-500; $green: $green-500;
$blue-100: #E6F5FF; $blue-100: #E5F5FF;
$blue-200: #B3E1FF; $blue-200: #B2E0FF;
$blue-300: #80CCFF; $blue-300: #80CCFF;
$blue-400: #4BB7FF; $blue-400: #4BB7FF;
$blue-500: #1AA4FF; $blue-500: #19A3FF;
$blue-600: #008AE6; $blue-600: #008AE5;
$blue-700: #006BB3; $blue-700: #006BB2;
$blue-800: #004D80; $blue-800: #004D80;
$blue-900: #002E4D; $blue-900: #002E4C;
$blue: $blue-500; $blue: $blue-500;
$blue-purple-100: #F0E6FF; $blue-purple-100: #F0E5FF;
$blue-purple-200: #D2B3FF; $blue-purple-200: #D2B2FF;
$blue-purple-300: #B480FF; $blue-purple-300: #B480FF;
$blue-purple-400: #974CFF; $blue-purple-400: #9A52FF;
$blue-purple-500: #791AFF; $blue-purple-500: #7919FF;
$blue-purple-600: #5F00E6; $blue-purple-600: #5F00E5;
$blue-purple-700: #4A00B3; $blue-purple-700: #4A00B2;
$blue-purple-800: #350080; $blue-purple-800: #350080;
$blue-purple-900: #20004D; $blue-purple-900: #20004C;
$purple: $blue-purple-500; $purple: $blue-purple-500;
$red-purple-100: #FBE6FF; $red-purple-100: #FBE5FF;
$red-purple-200: #F2B3FF; $red-purple-200: #F2B2FF;
$red-purple-300: #EA80FF; $red-purple-300: #EA80FF;
$red-purple-400: #E24CFF; $red-purple-400: #E24CFF;
$red-purple-500: #D91AFF; $red-purple-500: #D919FF;
$red-purple-600: #C000E6; $red-purple-600: #C000E5;
$red-purple-700: #9500B3; $red-purple-700: #9500B2;
$red-purple-800: #6B0080; $red-purple-800: #6B0080;
$red-purple-900: #40004D; $red-purple-900: #40004C;
$magenta-100: #FFE6F2; $magenta-100: #FFE5F2;
$magenta-200: #FFB3D8; $magenta-200: #FFB2D8;
$magenta-300: #FF80BF; $magenta-300: #FF80BF;
$magenta-400: #FF4BA4; $magenta-400: #FF4BA4;
$magenta-500: #FF1A8B; $magenta-500: #FF198B;
$magenta-600: #E60071; $magenta-600: #E50071;
$magenta-700: #B30058; $magenta-700: #B20058;
$magenta-800: #80003F; $magenta-800: #80003F;
$magenta-900: #4D0026; $magenta-900: #4C0026;
$magenta: $magenta-500; $magenta: $magenta-500;
$pink: $magenta-500; $pink: $magenta-500;
$orange-100: #FFEEE6; $orange-100: #FFEEE5;
$orange-200: #FFCCB3; $orange-200: #FFCCB2;
$orange-300: #FFAA80; $orange-300: #FFAA80;
$orange-400: #FF884B; $orange-400: #FF884B;
$orange-500: #FF671A; $orange-500: #FF6719;
$orange-600: #E64D00; $orange-600: #E54D00;
$orange-700: #B33C00; $orange-700: #B23C00;
$orange-800: #802B00; $orange-800: #802B00;
$orange-900: #4D1A00; $orange-900: #4C1A00;
$orange: $orange-500; $orange: $orange-500;
$yellow-100: #FEFFE6; $yellow-100: #FEFFE5;
$yellow-200: #FDFFB3; $yellow-200: #FDFFB2;
$yellow-300: #FCFF80; $yellow-300: #FCFF80;
$yellow-400: #FBFF4C; $yellow-400: #FBFF4C;
$yellow-500: #FAFF1A; $yellow-500: #FAFF19;
$yellow-600: #E0E600; $yellow-600: #E0E500;
$yellow-700: #AFB300; $yellow-700: #AEB200;
$yellow-800: #7D8000; $yellow-800: #7D8000;
$yellow-900: #4B4D00; $yellow-900: #4B4C00;
$yellow: $yellow-500; $yellow: $yellow-500;
// Common colors & colors used in Bootstrap ------------------------------------ // Common colors & colors used in Bootstrap ------------------------------------