src/styles/colors.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
36
37
38
39
40
41
42
43
44
45
46
47
48
49

@import './type-helper';

$theme-brand-primary: convert-rgb-string-to-color($raw-theme-brand-primary);
$theme-brand-gradient: $theme-brand-primary;
$theme-brand-success: convert-rgb-string-to-color($raw-theme-brand-success);
$theme-brand-info: convert-rgb-string-to-color($raw-theme-brand-info);
$theme-brand-warning: convert-rgb-string-to-color($raw-theme-brand-warning);
$theme-brand-danger: convert-rgb-string-to-color($raw-theme-brand-danger);

$theme-gray-dark: convert-rgb-string-to-color($raw-theme-gray-dark);
$theme-gray: convert-rgb-string-to-color($raw-theme-gray);
$theme-gray-light: convert-rgb-string-to-color($raw-theme-gray-light);
$theme-gray-lighter: convert-rgb-string-to-color($raw-theme-gray-lighter);
$theme-gray-lightest: convert-rgb-string-to-color($raw-theme-gray-lightest);

$theme-border-radius: to-number($raw-theme-border-radius);
$theme-border-radius-small: to-number($raw-theme-border-radius-small);

$theme-sidebar-width: to-number($raw-theme-sidebar-width);

$theme-text-color: convert-rgb-string-to-color($raw-theme-gray-dark);

$theme-transition-time: 0.5s;

$theme-inset-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.03);

// Dark Theme
$dark-theme-black: convert-rgb-string-to-color($raw-dark-theme-black);

$dark-theme-gray-darkest: convert-rgb-string-to-color(
  $raw-dark-theme-gray-darkest
);
$dark-theme-gray-darker: convert-rgb-string-to-color(
  $raw-dark-theme-gray-darker
);
$dark-theme-gray-dark: convert-rgb-string-to-color($raw-dark-theme-gray-dark);

$dark-theme-gray: convert-rgb-string-to-color($raw-dark-theme-gray);

$dark-theme-gray-light: convert-rgb-string-to-color($raw-dark-theme-gray-light);
$dark-theme-gray-lighter: convert-rgb-string-to-color(
  $raw-dark-theme-gray-lighter
);
$dark-theme-gray-lightest: convert-rgb-string-to-color(
  $raw-dark-theme-gray-lightest
);

$dark-theme-gray-smoke: convert-rgb-string-to-color($raw-dark-theme-gray-smoke);
$dark-theme-text-color: convert-rgb-string-to-color($raw-dark-theme-text-color);