assets/_sass/base/_vars.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

:root, [data-theme="light"] {
  --body-bg: #fafafa;

  --main-color: #639f93;
  --main-color-hover: #5b9287;

  --form-success-bg: #d0f1cc;
  --form-success-text: #597755;
  --form-error-bg: #f1cccc;
  --form-error-text: #775555;

  --grey-222: #222;
  --grey-555: #555;
  --grey-aaa: #aaa;
  --grey-ccc: #ccc;
  --grey-ddd: #ddd;
  --grey-eee: #eee;
  --grey-fc:  #fcfcfc;
  --grey-fa:  #fafafa;
}

[data-theme="dark"] {
  --body-bg: #050505;

  --main-color: #639f93;
  --main-color-hover: #5b9287;

  --form-success-bg: #d0f1cc;
  --form-success-text: #597755;
  --form-error-bg: #f1cccc;
  --form-error-text: #775555;

  --grey-222: #ddd;
  --grey-555: #ddd;
  --grey-aaa: #777;
  --grey-ccc: #666;
  --grey-ddd: #666;
  --grey-eee: #222;
  --grey-fc:  #fcfcfc;
  --grey-fa:  #151515;
}