src/style/scss/common/variables.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

// Colors
$black: #000000;
$rich-black: #323943;
$text-black: #191919;
$blue: #009fdb;
$dark-blue: #0568ae;
$light-blue: #1eb9f3;
$lighter-blue: #e6f6fb;
$blue-disabled: #9dd9ef;
$red: #cf2a2a;
$light-red:#ed4141;
$disabled-red:#f4adad;
$purple: #9063cd;
$dark-purple: #702f8a;
$yellow: #ffb81c;
$green: #4ca90c;
$gray: #959595;
$dark-gray: #5a5a5a;
$light-gray: #d2d2d2;
$light-silver: #f2f2f2;
$silver: #eaeaea;


$light-purple: #caa2dd;
$lighter-silver: #f8f8f8;
$white: #ffffff;

$scroll-bar-color: $text-black;

// Button Sizes
$btn-extra-small: 90px;
$btn-small: 110px;
$btn-medium: 140px;
$btn-large: 180px;
$btn-default: auto;