-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathstyles.css
More file actions
136 lines (103 loc) · 4.44 KB
/
styles.css
File metadata and controls
136 lines (103 loc) · 4.44 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
:root {
--tui-font-family-sans-serif: 'PT Sans', sans-serif;
--tui-font-family-monospace: 'Inconsolata', monospace;
/* SPACING */
--tui-spacing-super-small: 1px;
--tui-spacing-extra-small: 3px;
--tui-spacing-small: 6px;
--tui-spacing-small-medium: 8px;
--tui-spacing-medium: 10px;
--tui-spacing-large-medium: 13px;
--tui-spacing-large: 16px;
--tui-spacing-extra-large: 24px;
/* DIMENSIONS */
--tui-width-separator-thin: 1px;
--tui-width-separator-medium: 2px;
/* FONT SIZE */
--tui-font-size-extra-small: 10px;
--tui-font-size-small: 12px;
--tui-font-size-small-medium: 14px;
--tui-font-size-medium: 15px;
--tui-font-size-large-medium: 16px;
--tui-font-size-large: 18px;
--tui-font-size-extra-large: 24px;
--tui-font-size-super-large: 32px;
--tui-font-size-ultra-large: 48px;
/* FONT WEIGHT */
--tui-font-weight-light: 400;
--tui-font-weight-medium: 400;
--tui-font-weight-bold: 700;
/* COLOR PALETTE */
--tui-color-primary: #174683;
--tui-color-accent: #389f8c;
--tui-color-danger: #e04656;
--tui-color-success: #12f094;
--tui-color-warning: #ffe073;
/* COLOR GENERAL */
--tui-color-foreground: #fff;
--tui-color-background: #f0f3f7;
/* COLOR TEXT */
--tui-color-text-on-light: #243244;
--tui-color-text-on-dark: #f5f5f5;
--tui-color-text: #243244;
--tui-color-text-light: rgba(0, 0, 0, .7);
--tui-color-text-dark: rgba(255, 255, 255, .7);
--tui-color-text-on-primary: rgba(255, 255, 255, .9);
--tui-color-text-on-accent: rgba(255, 255, 255, .9);
--tui-color-text-on-danger: rgba(255, 255, 255, .9);
--tui-color-text-on-success: rgba(255, 255, 255, .9);
--tui-color-text-on-warning: rgba(255, 255, 255, .9);
--tui-color-text-label-light: rgba(0, 0, 0, .6);
--tui-color-text-label-active-light: rgba(0, 0, 0, .9);
--tui-color-text-label-dark: rgba(255, 255, 255, .6);
--tui-color-text-label-active-dark: rgba(255, 255, 255, .9);
--tui-color-text-disabled-light: rgba(0, 0, 0, .3);
--tui-color-text-disabled-dark: rgba(255, 255, 255, .3);
--tui-color-separator: #b8c2cd;
--tui-color-separator-light: rgba(0, 0, 0, .1);
--tui-color-separator-dark: rgba(255, 255, 255, .1);
--tui-color-text-button-light: #243244;
--tui-color-text-button-dark: #f5f5f5;
--tui-color-background-button: #f0f3f7;
--tui-color-background-button-disabled: #e4e9ef;
--tui-color-outline-light: rgba(0, 0, 0, .3);
--tui-color-outline-dark: rgba(255, 255, 255, .4);
--tui-radius-button: 4px;
--tui-color-foreground-light: #ffffff;
--tui-color-foreground-dark: #616161;
--tui-color-background-light: #f4f5f6;
--tui-color-background-dark: #313131;
--tui-color-background-hover-light: rgba(0, 0, 0, .1);
--tui-color-background-hover-dark: rgba(255, 255, 255, .1);
--tui-color-background-active-light: rgba(0, 0, 0, .16);
--tui-color-background-active-dark: rgba(255, 255, 255, .16);
--tui-color-background-input-section-light: rgba(0, 29, 71, .1);
--tui-color-background-input-section-dark: rgba(255, 255, 255, .1);
--tui-radius-border-input-section: .22em;
--tui-opacity-disabled-element: .33;
--tui-color-input-label-light: rgba(0, 0, 0, .5);
--tui-color-input-label-light-hover: rgba(0, 0, 0, .7);
--tui-color-input-label-light-active: rgba(0, 0, 0, .9);
--tui-color-input-label-dark: rgba(255, 255, 255, .5);
--tui-color-input-label-dark-hover: rgba(255, 255, 255, .7);
--tui-color-input-label-dark-active: rgba(255, 255, 255, .9);
--tui-color-shadow: rgba(0, 0, 0, .5);
--tui-color-backdrop-light: rgba(0, 0, 0, .6);
--tui-color-backdrop-dark: rgba(255, 255, 255, .7);
--tui-color-background-switch-icon-light: rgba(0, 0, 0, .4);
--tui-color-background-switch-icon-dark: rgba(255, 255, 255, .4);
--tui-color-background-switch-knob-light: #ffffff;
--tui-color-background-switch-knob-dark: #ffffff;
--tui-radius-popup-border: 3px;
--tui-radius-blur-shadow: 1px;
--tui-height-max-select-input-popup: 50vh;
--tui-duration-animation-fast: .1s;
--tui-duration-animation-medium: .3s;
--tui-duration-animation-slow: .6s;
--tui-radius-modal: 5px;
--tui-height-max-modal: 96vh;
--tui-width-max-modal: 96vw;
--tui-width-min-modal: 360px;
--tui-color-loading-particle-light: rgba(0, 0, 0, 1);
--tui-color-loading-particle-dark: rgba(255, 255, 255, 1);
}