src/styles/_theme.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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');

$defFont: 'Quicksand', sans-serif;

/* Inspired by Dracula */
/*
$defBG: #282A36;
$altBG: #383A59;

$floatingContainerBG: #282C3466;
$floatingBG: #2e323b;

$formPaneBG: $defBG;

$defFG: #F2F2F2;
$altFG: #FF79C6;

$defLink: $defFG;
$altLink: $altFG;

$paneBorderColor: pink;
$formPaneBorderColor: $paneBorderColor;

$defBorderColor: lightgreen;
$altBorderColor: pink;

$underline0: gray;
$underline1: lightblue;
$underline2: #FF79C6;

$labelUnderlineColor: $underline1;

$tableDefBorderColor: $underline1;
$tableAltBorderColor: $underline2;
$tableDisabledBorderColor: $underline0;

$warningColor: red;
$warningBorderColor: $warningColor;

$shadowColor: #232627;
$defBigShadow: 0px 8px 4px $shadowColor;
$floatingShadow: 6px 6px 6px $shadowColor;
*/

$background0: #282C3466;
$background1: #ECF5D9;
$background2: #A480CF;
$background3: #F7F2DF;

$underline0: gray;
$underline1: #F83A59;
$underline2: #FF79C6;

$defBG: $background1;
/*$altBG: #F83A59;*/
$altBG: $background2;

$floatingContainerBG: $background0;
$floatingBG: $background3;

$formPaneBG: $defBG;

$defFG: #000000;
$altFG: #F83A59;

$defLink: $defFG;
$altLink: $altFG;

$paneBorderColor: #232627;
$formPaneBorderColor: $paneBorderColor;

$defBorderColor: lightgreen;
$altBorderColor: #232627;


$labelUnderlineColor: $underline1;

$tableDefBorderColor: $underline1;
$tableAltBorderColor: $underline2;
$tableDisabledBorderColor: $underline0;

$warningColor: red;
$warningBorderColor: $warningColor;

$shadowColor: #232627;
$defBigShadow: 0px 2px 4px $shadowColor;
$floatingShadow: 6px 6px 6px $shadowColor;