-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy paththeme.css
179 lines (177 loc) · 6.65 KB
/
theme.css
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
:root {
--background-1: #4c566a;
--background-2: #434c5e;
--foreground-color: #eceff4;
--highlight-color: #81a1c1;
--border-color: #2e3440;
--pre-color: #e5e9f0;
--content-1: #4c566a;
/*
--content-2: #667a83;
--content-3: #839496;
--content-4: #93a1a1;
*/
/* Footer */
--footer-bar-border-top-color: 0;
/* Column Menus */
--menu-item-sep-color: rgba(0, 0, 0, 0.1);
--sn-component-foreground-color: var(--content-1);
--sn-component-background-color: var(--border-color);
--sn-component-foreground-highlight-color: var(--highlight-color);
--sn-component-outer-border-color: transparent;
--sn-component-inner-border-color: var(--highlight-color);
--sn-stylekit-info-color: var(--highlight-color);
--sn-stylekit-info-contrast-color: var(--foreground-color);
--sn-stylekit-neutral-color: #d8dee9;
--sn-stylekit-neutral-contrast-color: #eceff4;
--sn-stylekit-success-color: #88c0d0;
--sn-stylekit-success-contrast-color: #eceff4;
--sn-stylekit-warning-color: #ebcb8b;
--sn-stylekit-warning-contrast-color: #eceff4;
--sn-stylekit-danger-color: #bf616a;
--sn-stylekit-danger-contrast-color: #eceff4;
--sn-stylekit-shadow-color: var(--background-2);
--sn-stylekit-background-color: var(--background-1);
--sn-stylekit-foreground-color: var(--foreground-color);
--sn-stylekit-border-color: var(--border-color);
--sn-stylekit-paragraph-text-color: var(--foreground-color);
--sn-stylekit-contrast-background-color: var(--background-2);
--sn-stylekit-contrast-foreground-color: var(--foreground-color);
--sn-stylekit-contrast-border-color: var(--border-color);
--sn-stylekit-secondary-background-color: var(--background-1);
--sn-stylekit-secondary-foreground-color: var(--foreground-color);
--sn-stylekit-secondary-border-color: var(--border-color);
--sn-stylekit-secondary-contrast-background-color: var(--background-2);
--sn-stylekit-secondary-contrast-foreground-color: var(--foreground-color);
--sn-stylekit-secondary-contrast-border-color: var(--border-color);
--sn-stylekit-editor-background-color: var(--sn-stylekit-background-color);
--sn-stylekit-editor-foreground-color: var(--sn-stylekit-foreground-color);
--sn-stylekit-scrollbar-track-border-color: var(--border-color);
--sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
--sn-desktop-titlebar-bg-color: var(--background-1);
--sn-desktop-titlebar-border-color: var(--border-color);
--sn-desktop-titlebar-ui-color: var(--foreground-color);
--sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
}
:root .sk-app-bar {
color: var(--foreground-2) !important;
}
:root .title {
color: var(--foreground-3) !important;
}
:root .sk-menu-panel {
color: var(--foreground-1) !important;
}
:root #notes-scrollable {
background-color: var(--background-2) !important;
}
:root #notes-column .note,
:root #notes-column .tag {
opacity: 1 !important;
background-color: var(--background-2) !important;
color: var(--foreground-3) !important;
}
:root #notes-column .note .name {
color: var(--foreground-3) !important;
}
:root #notes-column .note .plain-preview {
color: var(--foreground-3) !important;
}
:root #notes-column .note progress {
border: 1px solid var(--border-color) !important;
}
:root #notes-column .note .note-flags .flag.info,
:root .notes .note .note-flags .flag.info {
background-color: #81a1c1 !important;
color: var(--foreground-color) !important;
}
:root #notes-column .note .note-flags .flag.success,
:root .notes .note .note-flags .flag.success {
background-color: var(--background-1) !important;
color: var(--sn-stylekit-success-color);
}
:root #notes-column .note .note-flags .flag.warning,
:root .notes .note .note-flags .flag.warning {
background-color: var(--background-1) !important;
color: var(--sn-stylekit-warning-color);
}
:root #notes-column .note .note-flags .flag.neutral,
:root .notes .note .note-flags .flag.neutral {
background-color: var(--background-1) !important;
color: var(--sn-stylekit-neutral-color);
}
:root #notes-column .note .note-flags .flag.danger,
:root .notes .note .note-flags .flag.danger {
background-color: var(--background-1) !important;
color: var(--sn-stylekit-danger-color);
}
:root #notes-column .note.selected .note-flags .flag.info,
:root .notes .note.selected .note-flags .flag.info {
background-color: var(--background-2) !important;
}
:root #notes-column .note.selected .note-flags .flag.success,
:root .notes .note.selected .note-flags .flag.success {
background-color: var(--background-2) !important;
}
:root #notes-column .note.selected .note-flags .flag.warning,
:root .notes .note.selected .note-flags .flag.warning {
background-color: var(--background-2) !important;
}
:root #notes-column .note.selected .note-flags .flag.neutral,
:root .notes .note.selected .note-flags .flag.neutral {
background-color: var(--background-2) !important;
}
:root #notes-column .note.selected .note-flags .flag.danger,
:root .notes .note.selected .note-flags .flag.danger {
background-color: var(--background-2) !important;
}
:root #notes-column .note.selected,
:root #tags-column .tag.selected,
:root .tag-tree .self.selected:before {
background: none !important;
background-color: var(--background-1) !important;
}
:root #notes-column .note .date.faded,
:root #notes-column .note .tags-string > .faded,
:root #notes-column .note .note-flag,
:root .editor-tags input {
opacity: 1 !important;
color: var(--neutral-color) !important;
}
:root .cm-s-default .cm-variable-3,
:root .cm-s-default .cm-type {
color: var(--success-color) !important;
}
:root #notes-column .note progress,
:root .notes .note progress {
background-color: var(--background-2) !important;
color: var(--foreground-2) !important;
}
:root #notes-column .note progress::-webkit-progress-bar,
:root .notes .note progress::-webkit-progress-bar {
background-color: var(--background-2) !important;
}
:root #notes-column .note progress::-webkit-progress-value,
:root .notes .note progress::-webkit-progress-value {
background-color: var(--foreground-2) !important;
}
:root #notes-column .note.selected progress,
:root .notes .note.selected progress {
background-color: var(--background-2) !important;
color: var(--foreground-2) !important;
}
:root #notes-column .note.selected progress::-webkit-progress-bar,
:root .notes .note.selected progress::-webkit-progress-bar {
background-color: var(--background-2) !important;
}
:root #notes-column .note.selected progress::-webkit-progress-value,
:root .notes .note.selected progress::-webkit-progress-value {
background-color: var(--foreground-2) !important;
}
:root ::selection {
background: #88c0d0 !important;
color: #2e3440 !important;
}
:root .cm-s-default .cm-variable-3 {
color: #7e9a8f !important;
}