summaryrefslogtreecommitdiff
path: root/src/web/styles/theme/_post.scss
blob: 3a05a74a836b8a52cbd5bf37d0088d55b8316f59 (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
@import "global";

// color definitions
// background
$postDefBackgroundColor: $altBackgroundColor;
$postAltBackgroundColor: #384044;
$codeBlockBackgroundColor: $postAltBackgroundColor;
$codeBlockHighlightBackground: pink;

// foreground
$postDefForegroundColor: $defForegroundColor;
$postAltForegroundColor: $altForegroundColor;
$postInfoForegroundColor: $boringForeground;
$codeBlockForegroundColor: $postAltForegroundColor;
$codeCommentForegroundColor: gray;
$codeBlockHighlightForeground: $altBackgroundColor;

// $fg1: #d305e8;
// $fg1: #AB47BC;
// $fg2: #28c7d4;
// $fg3: #F26413;
// $fg4: #23DEBA;
// $fg5: #A600FF;
// $fg6: #B623DE;

$fg1: #FF79C6;
$fg2: #50FA7B;
$fg3: #E659A9;
$fg4: #8E5EBC;
$fg5: #23DEBA;
$fg6: #A600FF;

$listItemForeground: $fg3;

// other
$articleBorderColor: $defForegroundColor;

// $postTitleColor: #2aa386;
// $postTitleColor: #dd237d;
// $postTitleColor: #ffbb00;
// $postTitleColor: #dea2c2;
// $postTitleColor: #BD93F9;
$postTitleColor: $fg-purple0;

// size definitions
$postTitleFontSize: 2.5em;
$postTitleAlignment: center;

$codeBlockBorderRadius: 0.4em;
$codeBlockPadding: 0.2em 1em;

// responsive
$post-800px-padding: 1em;
$post-600px-padding: 1em;

$posts_postTitleColor: $defForegroundColor;
$posts_postHighlightedTitleColor: $defLinkForeground;
$posts_postInfoForegroundColor: $postInfoForegroundColor;
$posts_postTagForegroundColor: $postInfoForegroundColor;

$tagsMenuLabelFG: $postTitleColor;
$tagButtonActiveBG: $tagsMenuLabelFG;