aboutsummaryrefslogtreecommitdiff
path: root/src/styles/_theme.scss
blob: b2ca97b2cff2517595b01066517ce150aae77983 (plain)
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
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');

$defFont: 'Quicksand', sans-serif;

/* light colorscheme, use this as template */
// $disabledColor: gray;
// $warningColor: red;
// $shadowColor: #232627;
// 
// $background0: #282C3466; /* background for floating div */
// $background1: #F7F2DF;
// $background2: #A480CF;
// $background3: #ECF5D9; /* foreground for floating div */
// $background4: $background1; /* for form pane bg */
// 
// $foreground1: #000000;
// $foreground2: #F83A59;
// 
// $link1: $foreground1;
// $link2: $foreground2;
// 
// $defFG: $foreground1;
// $altFG: $foreground2;
// 
// $border1: #232627;
// $border2: lightgreen;
// 
// $underline0: $disabledColor;
// $underline1: #F83A59;
// $underline2: #FF79C6;
// $underline3: $warningColor;
// 
// $defBigShadow: 0px 2px 4px $shadowColor;
// $floatingShadow: 6px 6px 6px $shadowColor;
/* template ends here */

/* main dark theme inspired by dracula */
/* my personal favourite */
/* I name it dorakura (ドラクラー) */
$disabledColor: gray;
$warningColor: red;
$shadowColor: #232627;

$background0: #282C3466; /* background for floating div */
$background1: #282A36;
$background2: #383A59;
$background3: #2E323B; /* foreground for floating div */
$background4: #00000000; /* for form pane bg */

$foreground1: #FFFFFF;
$foreground2: #FF79C6;

$link1: $foreground1;
$link2: $foreground2;

$defFG: $foreground1;
$altFG: $foreground2;

$border1: pink;
$border2: lightgreen;

$underline0: $disabledColor;
$underline1: lightblue;
$underline2: #FF79C6;
$underline3: $warningColor;

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