-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathapp.styl
More file actions
65 lines (61 loc) · 1.64 KB
/
Copy pathapp.styl
File metadata and controls
65 lines (61 loc) · 1.64 KB
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
@require "./style/variables"
@require "./style/text"
body, html
width: 100%
height: 100%
margin: 0
padding: 0
font-weight: 300
font-style: normal
// Scrollbar and selection
*
// Firefox scrollbar
scrollbar-width: auto
scrollbar-color: var(--scrollbar) transparent
// Chromium/Blink and Webkit scrollbar
&::-webkit-scrollbar
width: 8px
// The tracks
&-track
background: transparent
// The scrollbar itself
&-thumb
background-color: var(--scrollbar)
border-radius: 16px
// Selection
&::selection
background-color: var(--background-selection)
color: var(--foreground-selection)
body
background-color: var(--background-1)
color: var(--foreground-1)
font-family: font-normal
overflow: hidden
display: flex
flex-direction: column
align-items: stretch
:root
--background-0: background-colour[0]
--background-1: background-colour[1]
--background-2: background-colour[2]
--background-3: background-colour[3]
--background-4: background-colour[4]
--background-5: background-colour[5]
--background-6: background-colour[6]
--panel-border: #e4caff10
// Buttons
--scrollbar: background-colour[5]
// Text
--foreground-0: foreground-colour[0]
--foreground-1: foreground-colour[1]
--foreground-2: foreground-colour[2]
--foreground-3: foreground-colour[3]
--foreground-4: foreground-colour[4]
--foreground-5: foreground-colour[5]
--foreground-link: #d87eac
--foreground-link-hover: #f3b4d5
--foreground-code: #f38989
// Accent
--accent: #e06ea9
--background-selection: #e792beda
--foreground-selection: black