FileMaster

Edit File: _variables.scss

// Colors
// $shade
$am-black: #04080B;
$am-white: #FFFFFF;
$shade-1000: #0E1920;
$shade-900: #1A2C37;
$shade-800: #33434C;
$shade-700: #4D5B63;
$shade-600: #667279;
$shade-500: #808A90;
$shade-450: #8C959A;
$shade-400: #99A1A6;
$shade-300: #B3B9BD;
$shade-250: #D1D5D7;
$shade-200: #E0E2E4;
$shade-150: #F0F1F2;
$shade-100: #FBFBFB;

// $blue
$blue-1000: #1246D6;
$blue-900: #265CF2;
$blue-800: #517DF5;
$blue-700: #7D9DF7;
$blue-600: #A8BEFA;
$blue-500: #D4DEFC;
$blue-400: #EAEFFE;
$blue-300: #F4F7FE;

// $green
$green-1000: #019719;
$green-900: #1BBC35;
$green-800: #49C95D;
$green-700: #76D786;
$green-600: #A4E4AE;
$green-500: #D1F2D7;
$green-400: #E9F9EB;
$green-300: #F3FBF5;

// $red
$red-1000: #B4190F;
$red-900: #DC180B;
$red-800: #E3463C;
$red-700: #EA746D;
$red-600: #F1A29D;
$red-500: #F8D1CE;
$red-400: #FCE8E7;
$red-300: #FDF3F2;

// $yellow
$yellow-1000: #CCA20C;
$yellow-900: #EBBC16;
$yellow-800: #EFC945;
$yellow-700: #F3D773;
$yellow-600: #F7E4A2;
$yellow-500: #FBF2D0;
$yellow-400: #FDF9E8;
$yellow-300: #FEFBF3;

//$linkedin-blue: #2767C5;
//$facebook-blue: #1877F2;
//$linkedin-blue-hover: #3C76CB;
//$facebook-blue-hover: #2F84F3;

// Box Shadow
$box-shadow-dropdown: 0px 1px 1px rgba($shade-900, 0.24), 0px 2px 6px rgba($shade-900, 0.17);
// TODO - OLD
$box-shadow-page-content: 0px 2px 7px rgba(11, 7, 58, 0.14), 0px 17px 35px rgba(15, 37, 74, 0.1);
$box-shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
$box-shadow-large: 0 3px 12px 0 rgba(0, 0, 0, 0.2);
// TODO - OLD

// Font
//@import "./fonts/inter/inter";
//$font-size: 16px;
//$font-family: 'Inter';

// Height
//$label-line-height: 1.5rem;

Back