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

@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;

$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;