diff options
author | vantezzen <hello@vantezzen.io> | 2019-09-28 12:59:31 +0200 |
---|---|---|
committer | vantezzen <hello@vantezzen.io> | 2019-09-28 12:59:31 +0200 |
commit | 53d4e1d6e527b8d900967f1b0285bcb9e36bdf07 (patch) | |
tree | cfc3f6f69f01bf694584ddfc019769a9351c719c /uncompressed/standardnotes/darkmode.css | |
parent | Add uncompressed recipes (diff) | |
download | ferdium-recipes-53d4e1d6e527b8d900967f1b0285bcb9e36bdf07.tar.gz ferdium-recipes-53d4e1d6e527b8d900967f1b0285bcb9e36bdf07.tar.zst ferdium-recipes-53d4e1d6e527b8d900967f1b0285bcb9e36bdf07.zip |
Add packaging script
Diffstat (limited to 'uncompressed/standardnotes/darkmode.css')
-rwxr-xr-x | uncompressed/standardnotes/darkmode.css | 429 |
1 files changed, 429 insertions, 0 deletions
diff --git a/uncompressed/standardnotes/darkmode.css b/uncompressed/standardnotes/darkmode.css new file mode 100755 index 0000000..076881a --- /dev/null +++ b/uncompressed/standardnotes/darkmode.css | |||
@@ -0,0 +1,429 @@ | |||
1 | /** | ||
2 | * Material Dark Theme for StandardNotes | ||
3 | * | ||
4 | * https://github.com/vantezzen/sn-theme-material | ||
5 | */ | ||
6 | |||
7 | :root { | ||
8 | --background-1: #263238; | ||
9 | --background-2: #263238; | ||
10 | --foreground-color: #FFFFFF; | ||
11 | --highlight-color: #009688; | ||
12 | --date-color: #EEFFFF; | ||
13 | --border-color: #37474F; | ||
14 | --pre-color: #d6dbdb; | ||
15 | --accent-1: #93A1A1; | ||
16 | --accent-2: #D6488A; | ||
17 | --accent-3: #6B71C4; | ||
18 | --accent-4: #859901; | ||
19 | --accent-5: #B58900; | ||
20 | --content-1: #AABBC3; | ||
21 | --content-2: #AABBC3; | ||
22 | --content-3: #AABBC3; | ||
23 | --content-4: #AABBC3; | ||
24 | /* Footer */ | ||
25 | --footer-bar-border-top-color: 0; | ||
26 | /* Column Menus */ | ||
27 | --menu-item-sep-color: rgba(0, 0, 0, 0.1); | ||
28 | --sn-component-foreground-color: var(--content-1); | ||
29 | --sn-component-background-color: var(--border-color); | ||
30 | --sn-component-foreground-highlight-color: var(--highlight-color); | ||
31 | --sn-component-outer-border-color: transparent; | ||
32 | --sn-component-inner-border-color: var(--highlight-color); | ||
33 | --sn-stylekit-info-color: var(--highlight-color); | ||
34 | --sn-stylekit-info-contrast-color: var(--foreground-color); | ||
35 | --sn-stylekit-shadow-color: var(--background-2); | ||
36 | --sn-stylekit-background-color: var(--background-1); | ||
37 | --sn-stylekit-border-color: var(--border-color); | ||
38 | --sn-stylekit-contrast-background-color: var(--background-2); | ||
39 | --sn-stylekit-contrast-foreground-color: black; | ||
40 | --sn-stylekit-contrast-border-color: var(--border-color); | ||
41 | --sn-stylekit-scrollbar-track-border-color: var(--border-color); | ||
42 | --sn-desktop-titlebar-bg-color: var(--background-1); | ||
43 | --sn-desktop-titlebar-border-color: var(--border-color); | ||
44 | --sn-desktop-titlebar-ui-color: var(--foreground-color); | ||
45 | --sn-desktop-titlebar-ui-hover-color: var(--highlight-color); | ||
46 | } | ||
47 | |||
48 | /* General */ | ||
49 | .windows-web ::-webkit-scrollbar, .windows-desktop ::-webkit-scrollbar, .linux-web ::-webkit-scrollbar, .linux-desktop ::-webkit-scrollbar { | ||
50 | border-left-color: var(--border-color) !important; | ||
51 | } | ||
52 | |||
53 | .windows-web ::-webkit-scrollbar-thumb, .windows-desktop ::-webkit-scrollbar-thumb, .linux-web ::-webkit-scrollbar-thumb, .linux-desktop ::-webkit-scrollbar-thumb { | ||
54 | background-color: var(--highlight-color) !important; | ||
55 | } | ||
56 | |||
57 | ::-moz-selection { | ||
58 | background: var(--highlight-color) !important; | ||
59 | /* WebKit/Blink Browsers */ | ||
60 | color: var(--foreground-color) !important; | ||
61 | } | ||
62 | |||
63 | ::selection { | ||
64 | background: var(--highlight-color) !important; | ||
65 | /* WebKit/Blink Browsers */ | ||
66 | color: var(--foreground-color) !important; | ||
67 | } | ||
68 | |||
69 | ::-moz-selection { | ||
70 | background: var(--highlight-color) !important; | ||
71 | /* Gecko Browsers */ | ||
72 | color: var(--foreground-color) !important; | ||
73 | } | ||
74 | |||
75 | panel-resizer { | ||
76 | background-color: var(--background-2) !important; | ||
77 | } | ||
78 | |||
79 | input { | ||
80 | color: var(--content-4) !important; | ||
81 | } | ||
82 | |||
83 | body { | ||
84 | color: var(--foreground-color) !important; | ||
85 | font-family: -apple-system, BlinkMacSystemFont, Avenir Next, Avenir, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; | ||
86 | font-weight: 200; | ||
87 | } | ||
88 | |||
89 | .app .section > .content { | ||
90 | background-color: var(--background-1) !important; | ||
91 | } | ||
92 | |||
93 | .add-button { | ||
94 | background-color: var(--background-1) !important; | ||
95 | color: var(--foreground-color) !important; | ||
96 | } | ||
97 | |||
98 | .blue { | ||
99 | /*legacy*/ | ||
100 | color: var(--highlight-color) !important; | ||
101 | } | ||
102 | |||
103 | .tinted { | ||
104 | color: var(--highlight-color) !important; | ||
105 | } | ||
106 | |||
107 | .tinted-selected { | ||
108 | color: var(--foreground-color) !important; | ||
109 | } | ||
110 | |||
111 | .app-bar { | ||
112 | background-color: var(--background-1) !important; | ||
113 | border-color: var(--border-color) !important; | ||
114 | } | ||
115 | |||
116 | .app-bar .item.border { | ||
117 | border-color: var(--border-color) !important; | ||
118 | } | ||
119 | |||
120 | .app-bar .item:hover > .label, | ||
121 | .app-bar .item:hover > .sublabel, | ||
122 | .app-bar .item:hover > .column > .label, | ||
123 | .app-bar .item:hover > .column > .sublabel { | ||
124 | color: var(--highlight-color) !important; | ||
125 | } | ||
126 | |||
127 | .section-title-bar { | ||
128 | color: var(--foreground-color) !important; | ||
129 | background-color: var(--background-1) !important; | ||
130 | } | ||
131 | |||
132 | .section-title-bar-header .title { | ||
133 | color: var(--foreground-color) !important; | ||
134 | } | ||
135 | |||
136 | /* Tags */ | ||
137 | .app .tags, .tags .content { | ||
138 | background-color: var(--background-1) !important; | ||
139 | } | ||
140 | |||
141 | #tags-title-bar { | ||
142 | color: var(--foreground-color) !important; | ||
143 | } | ||
144 | |||
145 | .tags .tag { | ||
146 | color: var(--foreground-color) !important; | ||
147 | padding: 12px 12px; | ||
148 | } | ||
149 | |||
150 | .tags .tag > .info > .title { | ||
151 | color: var(--accent-1) !important; | ||
152 | } | ||
153 | |||
154 | .tags .tag a { | ||
155 | color: var(--foreground-color) !important; | ||
156 | } | ||
157 | |||
158 | .tags .tag.selected > .info > .title { | ||
159 | color: var(--foreground-color) !important; | ||
160 | } | ||
161 | |||
162 | .tags .tag > .info > .count { | ||
163 | color: var(--foreground-color) !important; | ||
164 | } | ||
165 | |||
166 | .tags .tag.selected { | ||
167 | background-color: var(--highlight-color) !important; | ||
168 | color: var(--foreground-color) !important; | ||
169 | } | ||
170 | |||
171 | .tags .tag:hover:not(.selected) { | ||
172 | background-color: var(--highlight-color) !important; | ||
173 | color: var(--foreground-color) !important; | ||
174 | } | ||
175 | |||
176 | .tags .tag:hover:not(.selected) .info > .title { | ||
177 | color: var(--foreground-color) !important; | ||
178 | } | ||
179 | |||
180 | /* Notes */ | ||
181 | .app .notes .content { | ||
182 | background-color: var(--background-1) !important; | ||
183 | } | ||
184 | |||
185 | .notes { | ||
186 | border-left: 0 !important; | ||
187 | border-right: 0 !important; | ||
188 | } | ||
189 | |||
190 | #notes-title-bar { | ||
191 | color: var(--foreground-color) !important; | ||
192 | background-color: var(--background-1) !important; | ||
193 | } | ||
194 | |||
195 | .notes .filter-section .filter-bar { | ||
196 | background-color: var(--background-1) !important; | ||
197 | } | ||
198 | |||
199 | .notes .note.selected { | ||
200 | background-color: var(--highlight-color) !important; | ||
201 | color: var(--foreground-color) !important; | ||
202 | border-left: 0 !important; | ||
203 | border-right: 0 !important; | ||
204 | } | ||
205 | |||
206 | #notes-column #notes-title-bar, .notes #notes-title-bar { | ||
207 | border-left: 1px solid var(--background-2) !important; | ||
208 | border-right: 1px solid var(--background-2) !important; | ||
209 | } | ||
210 | |||
211 | .notes .note { | ||
212 | border-bottom: 1px solid var(--background-2) !important; | ||
213 | background-color: var(--background-1) !important; | ||
214 | color: var(--accent-1); | ||
215 | } | ||
216 | |||
217 | .note .name { | ||
218 | color: var(--foreground-color); | ||
219 | } | ||
220 | |||
221 | .note .date { | ||
222 | color: var(--date-color) !important; | ||
223 | } | ||
224 | |||
225 | .note.selected .date { | ||
226 | color: var(--foreground-color) !important; | ||
227 | } | ||
228 | |||
229 | .notes .scrollable { | ||
230 | border: 0 !important; | ||
231 | } | ||
232 | |||
233 | /* Editor */ | ||
234 | #editor-title-bar { | ||
235 | background-color: var(--background-1) !important; | ||
236 | } | ||
237 | |||
238 | #editor-title-bar > .title > .input { | ||
239 | color: var(--foreground-color) !important; | ||
240 | } | ||
241 | |||
242 | .editor, .editor-content { | ||
243 | background-color: var(--background-1) !important; | ||
244 | } | ||
245 | |||
246 | .editor-content .editable { | ||
247 | background-color: var(--background-1); | ||
248 | color: var(--content-4); | ||
249 | font-weight: 400; | ||
250 | line-height: 1.2; | ||
251 | } | ||
252 | |||
253 | #editor-title-bar .editor-tags .tags-input { | ||
254 | color: var(--foreground-color) !important; | ||
255 | } | ||
256 | |||
257 | #editor-title-bar #save-status { | ||
258 | color: #4C4C4C !important; | ||
259 | } | ||
260 | |||
261 | #editor-pane-component-stack .component:first-child { | ||
262 | border-top: 1px solid var(--border-color) !important; | ||
263 | } | ||
264 | |||
265 | /* Editors */ | ||
266 | .CodeMirror { | ||
267 | background-color: var(--background-1) !important; | ||
268 | color: var(--content-4) !important; | ||
269 | border: 0 !important; | ||
270 | } | ||
271 | |||
272 | .CodeMirror-cursor { | ||
273 | border-color: white; | ||
274 | } | ||
275 | |||
276 | .CodeMirror-selected { | ||
277 | background-color: var(--highlight-color) !important; | ||
278 | } | ||
279 | |||
280 | .CodeMirror-selectedtext { | ||
281 | color: var(--foreground-color) !important; | ||
282 | } | ||
283 | |||
284 | .CodeMirror-gutters { | ||
285 | background-color: var(--background-1) !important; | ||
286 | color: var(--content-4) !important; | ||
287 | border-color: var(--border-color) !important; | ||
288 | } | ||
289 | |||
290 | .CodeMirror .cm-header { | ||
291 | font-family: arial; | ||
292 | color: var(--content-4) !important; | ||
293 | } | ||
294 | |||
295 | .CodeMirror .cm-variable-2 { | ||
296 | font-family: arial; | ||
297 | color: var(--highlight-color) !important; | ||
298 | } | ||
299 | |||
300 | .CodeMirror .cm-link, .cm-string, .cm-keyword { | ||
301 | font-family: arial; | ||
302 | color: var(--content-4) !important; | ||
303 | } | ||
304 | |||
305 | .CodeMirror .CodeMirror-linenumber { | ||
306 | color: gray !important; | ||
307 | } | ||
308 | |||
309 | /* Code Editor bottom toolbar */ | ||
310 | #select-wrapper { | ||
311 | background-color: var(--background-1) !important; | ||
312 | color: var(--content-4) !important; | ||
313 | border-color: var(--border-color) !important; | ||
314 | } | ||
315 | |||
316 | /* Advanced Markdown top toolbar */ | ||
317 | .editor-toolbar { | ||
318 | background-color: var(--background-1) !important; | ||
319 | border-color: var(--border-color) !important; | ||
320 | } | ||
321 | |||
322 | .editor-toolbar::before, ::after { | ||
323 | background: 0 !important; | ||
324 | } | ||
325 | |||
326 | .editor-toolbar a { | ||
327 | color: var(--content-4) !important; | ||
328 | } | ||
329 | |||
330 | .editor-toolbar a.active, .editor-toolbar a:hover { | ||
331 | border-color: transparent; | ||
332 | background: var(--border-color); | ||
333 | } | ||
334 | |||
335 | .editor-toolbar.disabled-for-preview a:not(.no-disable) { | ||
336 | background: inherit; | ||
337 | } | ||
338 | |||
339 | .editor-preview-active, .editor-preview-active-side { | ||
340 | background-color: var(--background-1) !important; | ||
341 | border: 0 !important; | ||
342 | border-left: 1px solid var(--border-color) !important; | ||
343 | color: var(--content-4) !important; | ||
344 | } | ||
345 | |||
346 | .editor-preview-active { | ||
347 | border: 0 !important; | ||
348 | } | ||
349 | |||
350 | #sn-advanced-markdown-editor .editor-preview.editor-preview-active pre, #sn-advanced-markdown-editor .editor-preview-side.editor-preview-active-side pre { | ||
351 | background-color: var(--border-color); | ||
352 | padding: 20px; | ||
353 | } | ||
354 | |||
355 | /* Simple Markdown Editor */ | ||
356 | #simple-markdown { | ||
357 | background-color: var(--background-1) !important; | ||
358 | color: var(--content-4) !important; | ||
359 | } | ||
360 | |||
361 | #simple-markdown #editor { | ||
362 | background-color: var(--background-1) !important; | ||
363 | color: var(--content-4) !important; | ||
364 | } | ||
365 | |||
366 | #simple-markdown #column-resizer { | ||
367 | background-color: var(--highlight-color) !important; | ||
368 | } | ||
369 | |||
370 | /* Plus Editor */ | ||
371 | #plus-editor .note-editor.note-frame.fullscreen .note-editable { | ||
372 | background-color: var(--background-1) !important; | ||
373 | color: var(--content-4) !important; | ||
374 | } | ||
375 | |||
376 | #plus-editor .panel-default > .panel-heading { | ||
377 | background-color: var(--border-color) !important; | ||
378 | } | ||
379 | |||
380 | #plus-editor .btn-default { | ||
381 | color: var(--content-4) !important; | ||
382 | background-color: var(--background-1) !important; | ||
383 | border-color: var(--background-1) !important; | ||
384 | } | ||
385 | |||
386 | #plus-editor .panel-heading { | ||
387 | border-color: var(--border-color) !important; | ||
388 | } | ||
389 | |||
390 | #plus-editor .dropdown-menu > li > a { | ||
391 | color: var(--content-4); | ||
392 | } | ||
393 | |||
394 | #plus-editor pre { | ||
395 | background-color: var(--pre-color); | ||
396 | } | ||
397 | |||
398 | .component-stack-border { | ||
399 | border-color: var(--border-color) !important; | ||
400 | } | ||
401 | |||
402 | /*SN Components */ | ||
403 | :root { | ||
404 | --body-text-color: var(--content-4); | ||
405 | --body-background-color: var(--background-1); | ||
406 | --element-text-color: var(--content-4); | ||
407 | --element-background-color: var(--background-1); | ||
408 | --tint-color: var(--highlight-color); | ||
409 | } | ||
410 | |||
411 | .sn-component .element-background-color { | ||
412 | background-color: var(--element-background-color); | ||
413 | } | ||
414 | |||
415 | .sn-component .body-background-color { | ||
416 | background-color: var(--body-background-color); | ||
417 | } | ||
418 | |||
419 | .sn-component .element-text-color { | ||
420 | color: var(--element-text-color); | ||
421 | } | ||
422 | |||
423 | .sn-component .body-text-color { | ||
424 | color: var(--body-text-color); | ||
425 | } | ||
426 | |||
427 | .sn-component .border-color { | ||
428 | border-color: var(--border-color) !important; | ||
429 | } \ No newline at end of file | ||