vimd 0.1.7 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,54 +1,524 @@
1
- /* Dark Theme - VS Code inspired */
1
+ /*
2
+ * GitHub Dark Theme for vimd
3
+ * Based on github-markdown-css by Sindre Sorhus
4
+ * https://github.com/sindresorhus/github-markdown-css
5
+ * MIT License
6
+ */
7
+
8
+ /* Full page dark background */
9
+ html {
10
+ background-color: #0d1117;
11
+ }
12
+
13
+ /* Main body styles */
2
14
  body {
3
- font-family: 'Fira Code', Consolas, Monaco, monospace;
4
- line-height: 1.6;
5
- color: #d4d4d4;
6
- background: #1e1e1e;
7
- max-width: 900px;
15
+ color-scheme: dark;
16
+ -ms-text-size-adjust: 100%;
17
+ -webkit-text-size-adjust: 100%;
8
18
  margin: 0 auto;
9
19
  padding: 2rem;
20
+ max-width: 980px;
21
+ color: #f0f6fc;
22
+ background-color: #0d1117;
23
+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
24
+ font-size: 16px;
25
+ line-height: 1.5;
26
+ word-wrap: break-word;
10
27
  }
11
28
 
12
- h1, h2, h3, h4, h5, h6 {
13
- color: #569cd6;
14
- margin-top: 1.5em;
15
- margin-bottom: 0.5em;
16
- }
17
-
18
- a {
19
- color: #569cd6;
29
+ /* Links */
30
+ body a {
31
+ background-color: transparent;
32
+ color: #4493f8;
20
33
  text-decoration: none;
21
34
  }
22
35
 
23
- a:hover {
36
+ body a:hover {
24
37
  text-decoration: underline;
25
38
  }
26
39
 
27
- code {
28
- background: #252526;
29
- color: #ce9178;
30
- padding: 0.2em 0.4em;
31
- border-radius: 3px;
32
- font-family: 'Fira Code', monospace;
40
+ /* Strong / Bold */
41
+ body b,
42
+ body strong {
43
+ font-weight: 600;
33
44
  }
34
45
 
35
- pre {
36
- background: #252526;
37
- padding: 1em;
38
- border-radius: 5px;
39
- overflow-x: auto;
40
- border: 1px solid #333;
46
+ /* Headings */
47
+ body h1,
48
+ body h2,
49
+ body h3,
50
+ body h4,
51
+ body h5,
52
+ body h6 {
53
+ margin-top: 1.5rem;
54
+ margin-bottom: 1rem;
55
+ font-weight: 600;
56
+ line-height: 1.25;
57
+ }
58
+
59
+ body h1 {
60
+ margin: .67em 0;
61
+ font-weight: 600;
62
+ padding-bottom: .3em;
63
+ font-size: 2em;
64
+ border-bottom: 1px solid #3d444db3;
65
+ }
66
+
67
+ body h2 {
68
+ font-weight: 600;
69
+ padding-bottom: .3em;
70
+ font-size: 1.5em;
71
+ border-bottom: 1px solid #3d444db3;
72
+ }
73
+
74
+ body h3 {
75
+ font-weight: 600;
76
+ font-size: 1.25em;
77
+ }
78
+
79
+ body h4 {
80
+ font-weight: 600;
81
+ font-size: 1em;
82
+ }
83
+
84
+ body h5 {
85
+ font-weight: 600;
86
+ font-size: .875em;
87
+ }
88
+
89
+ body h6 {
90
+ font-weight: 600;
91
+ font-size: .85em;
92
+ color: #9198a1;
93
+ }
94
+
95
+ /* Paragraphs */
96
+ body p {
97
+ margin-top: 0;
98
+ margin-bottom: 10px;
99
+ }
100
+
101
+ /* Lists */
102
+ body ul,
103
+ body ol {
104
+ margin-top: 0;
105
+ margin-bottom: 0;
106
+ padding-left: 2em;
107
+ }
108
+
109
+ body li+li {
110
+ margin-top: .25em;
41
111
  }
42
112
 
43
- pre code {
44
- background: none;
45
- color: #d4d4d4;
113
+ /* Blockquote */
114
+ body blockquote {
115
+ margin: 0;
116
+ padding: 0 1em;
117
+ color: #9198a1;
118
+ border-left: .25em solid #3d444d;
119
+ }
120
+
121
+ /* Horizontal Rule */
122
+ body hr {
123
+ box-sizing: content-box;
124
+ overflow: hidden;
125
+ background: transparent;
126
+ border-bottom: 1px solid #3d444db3;
127
+ height: .25em;
46
128
  padding: 0;
129
+ margin: 1.5rem 0;
130
+ background-color: #3d444d;
131
+ border: 0;
132
+ }
133
+
134
+ /* Images */
135
+ body img {
136
+ border-style: none;
137
+ max-width: 100%;
138
+ box-sizing: content-box;
139
+ }
140
+
141
+ /* Tables */
142
+ body table {
143
+ border-spacing: 0;
144
+ border-collapse: collapse;
145
+ display: block;
146
+ width: max-content;
147
+ max-width: 100%;
148
+ overflow: auto;
149
+ }
150
+
151
+ body table th {
152
+ font-weight: 600;
153
+ }
154
+
155
+ body table th,
156
+ body table td {
157
+ padding: 6px 13px;
158
+ border: 1px solid #3d444d;
159
+ }
160
+
161
+ body table tr {
162
+ background-color: #0d1117;
163
+ border-top: 1px solid #3d444db3;
164
+ }
165
+
166
+ body table tr:nth-child(2n) {
167
+ background-color: #151b23;
168
+ }
169
+
170
+ /* Inline Code */
171
+ body code,
172
+ body tt {
173
+ padding: .2em .4em;
174
+ margin: 0;
175
+ font-size: 85%;
176
+ white-space: break-spaces;
177
+ background-color: #656c7633;
178
+ border-radius: 6px;
179
+ font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
180
+ }
181
+
182
+ /* Code Blocks */
183
+ body pre {
184
+ margin-top: 0;
185
+ margin-bottom: 0;
186
+ font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
187
+ font-size: 12px;
188
+ word-wrap: normal;
189
+ }
190
+
191
+ body pre code {
192
+ font-size: 100%;
193
+ }
194
+
195
+ body pre>code {
196
+ padding: 0;
197
+ margin: 0;
198
+ word-break: normal;
199
+ white-space: pre;
200
+ background: transparent;
201
+ border: 0;
202
+ }
203
+
204
+ body .highlight pre,
205
+ body pre {
206
+ padding: 1rem;
207
+ overflow: auto;
208
+ font-size: 85%;
209
+ line-height: 1.45;
210
+ color: #f0f6fc;
211
+ background-color: #151b23;
212
+ border-radius: 6px;
213
+ }
214
+
215
+ body pre code,
216
+ body pre tt {
217
+ display: inline;
218
+ max-width: auto;
219
+ padding: 0;
220
+ margin: 0;
221
+ overflow: visible;
222
+ line-height: inherit;
223
+ word-wrap: normal;
224
+ background-color: transparent;
225
+ border: 0;
226
+ }
227
+
228
+ /* Keyboard */
229
+ body kbd {
230
+ display: inline-block;
231
+ padding: 0.25rem;
232
+ font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
233
+ line-height: 10px;
234
+ color: #f0f6fc;
235
+ vertical-align: middle;
236
+ background-color: #151b23;
237
+ border: solid 1px #3d444db3;
238
+ border-bottom-color: #3d444db3;
239
+ border-radius: 6px;
240
+ box-shadow: inset 0 -1px 0 #3d444db3;
241
+ }
242
+
243
+ /* Mark / Highlight */
244
+ body mark {
245
+ background-color: #bb800926;
246
+ color: #f0f6fc;
247
+ }
248
+
249
+ /* Definition Lists */
250
+ body dl {
251
+ padding: 0;
252
+ }
253
+
254
+ body dl dt {
255
+ padding: 0;
256
+ margin-top: 1rem;
257
+ font-size: 1em;
258
+ font-style: italic;
259
+ font-weight: 600;
260
+ }
261
+
262
+ body dl dd {
263
+ padding: 0 1rem;
264
+ margin-bottom: 1rem;
265
+ }
266
+
267
+ /* Table of Contents (pandoc) */
268
+ nav#TOC {
269
+ background-color: #151b23;
270
+ border: 1px solid #3d444d;
271
+ border-radius: 6px;
272
+ padding: 1rem 1.5rem;
273
+ margin-bottom: 1.5rem;
274
+ }
275
+
276
+ nav#TOC > ul {
277
+ margin: 0;
278
+ padding-left: 0;
279
+ list-style: none;
280
+ }
281
+
282
+ nav#TOC ul {
283
+ padding-left: 1.5em;
284
+ }
285
+
286
+ nav#TOC li {
287
+ margin: 0.4em 0;
288
+ }
289
+
290
+ nav#TOC a {
291
+ color: #4493f8;
292
+ }
293
+
294
+ nav#TOC a:hover {
295
+ color: #58a6ff;
296
+ }
297
+
298
+ /* Pandoc Syntax Highlighting - GitHub Dark Colors */
299
+ div.sourceCode {
300
+ background-color: #151b23;
301
+ border-radius: 6px;
302
+ overflow: auto;
303
+ }
304
+
305
+ pre.sourceCode {
306
+ margin: 0;
307
+ padding: 1rem;
308
+ }
309
+
310
+ code.sourceCode {
311
+ background: transparent;
312
+ color: #f0f6fc;
313
+ }
314
+
315
+ /* Comments */
316
+ code.sourceCode span.co,
317
+ .sourceCode .co {
318
+ color: #9198a1;
319
+ }
320
+
321
+ /* Constants */
322
+ code.sourceCode span.cn,
323
+ code.sourceCode span.c1,
324
+ code.sourceCode span.dv,
325
+ code.sourceCode span.bn,
326
+ code.sourceCode span.fl,
327
+ .sourceCode .cn,
328
+ .sourceCode .c1,
329
+ .sourceCode .dv,
330
+ .sourceCode .bn,
331
+ .sourceCode .fl {
332
+ color: #79c0ff;
333
+ }
334
+
335
+ /* Strings */
336
+ code.sourceCode span.st,
337
+ code.sourceCode span.ch,
338
+ code.sourceCode span.vs,
339
+ .sourceCode .st,
340
+ .sourceCode .ch,
341
+ .sourceCode .vs {
342
+ color: #a5d6ff;
343
+ }
344
+
345
+ /* Keywords */
346
+ code.sourceCode span.kw,
347
+ code.sourceCode span.cf,
348
+ .sourceCode .kw,
349
+ .sourceCode .cf {
350
+ color: #ff7b72;
351
+ }
352
+
353
+ /* Functions */
354
+ code.sourceCode span.fu,
355
+ code.sourceCode span.bu,
356
+ .sourceCode .fu,
357
+ .sourceCode .bu {
358
+ color: #d2a8ff;
359
+ }
360
+
361
+ /* Variables */
362
+ code.sourceCode span.va,
363
+ .sourceCode .va {
364
+ color: #ffa657;
365
+ }
366
+
367
+ /* Data Types */
368
+ code.sourceCode span.dt,
369
+ .sourceCode .dt {
370
+ color: #79c0ff;
371
+ }
372
+
373
+ /* Operators */
374
+ code.sourceCode span.op,
375
+ .sourceCode .op {
376
+ color: #f0f6fc;
377
+ }
378
+
379
+ /* Attributes / Decorators */
380
+ code.sourceCode span.at,
381
+ .sourceCode .at {
382
+ color: #7ee787;
383
+ }
384
+
385
+ /* Preprocessor */
386
+ code.sourceCode span.pp,
387
+ .sourceCode .pp {
388
+ color: #ff7b72;
389
+ }
390
+
391
+ /* Import */
392
+ code.sourceCode span.im,
393
+ .sourceCode .im {
394
+ color: #ff7b72;
395
+ }
396
+
397
+ /* Special characters */
398
+ code.sourceCode span.sc,
399
+ .sourceCode .sc {
400
+ color: #a5d6ff;
401
+ }
402
+
403
+ /* Regular expressions */
404
+ code.sourceCode span.ss,
405
+ .sourceCode .ss {
406
+ color: #a5d6ff;
407
+ }
408
+
409
+ /* Annotations */
410
+ code.sourceCode span.an,
411
+ .sourceCode .an {
412
+ color: #9198a1;
413
+ }
414
+
415
+ /* Documentation */
416
+ code.sourceCode span.do,
417
+ .sourceCode .do {
418
+ color: #9198a1;
419
+ }
420
+
421
+ /* Errors */
422
+ code.sourceCode span.er,
423
+ code.sourceCode span.al,
424
+ .sourceCode .er,
425
+ .sourceCode .al {
426
+ color: #f85149;
427
+ }
428
+
429
+ /* Warnings */
430
+ code.sourceCode span.wa,
431
+ .sourceCode .wa {
432
+ color: #d29922;
433
+ }
434
+
435
+ /* Information */
436
+ code.sourceCode span.in,
437
+ .sourceCode .in {
438
+ color: #9198a1;
439
+ }
440
+
441
+ /* GitHub .pl-* classes (for compatibility) */
442
+ body .pl-c {
443
+ color: #9198a1;
444
+ }
445
+
446
+ body .pl-c1,
447
+ body .pl-s .pl-v {
448
+ color: #79c0ff;
449
+ }
450
+
451
+ body .pl-e,
452
+ body .pl-en {
453
+ color: #d2a8ff;
454
+ }
455
+
456
+ body .pl-smi,
457
+ body .pl-s .pl-s1 {
458
+ color: #f0f6fc;
459
+ }
460
+
461
+ body .pl-ent {
462
+ color: #7ee787;
463
+ }
464
+
465
+ body .pl-k {
466
+ color: #ff7b72;
467
+ }
468
+
469
+ body .pl-s,
470
+ body .pl-pds,
471
+ body .pl-s .pl-pse .pl-s1,
472
+ body .pl-sr,
473
+ body .pl-sr .pl-cce,
474
+ body .pl-sr .pl-sre,
475
+ body .pl-sr .pl-sra {
476
+ color: #a5d6ff;
477
+ }
478
+
479
+ body .pl-v,
480
+ body .pl-smw {
481
+ color: #ffa657;
482
+ }
483
+
484
+ body .pl-bu {
485
+ color: #f85149;
486
+ }
487
+
488
+ /* Selection */
489
+ ::selection {
490
+ background-color: #264f78;
491
+ color: #ffffff;
492
+ }
493
+
494
+ /* Scrollbar (WebKit) */
495
+ ::-webkit-scrollbar {
496
+ width: 10px;
497
+ height: 10px;
498
+ }
499
+
500
+ ::-webkit-scrollbar-track {
501
+ background: #0d1117;
502
+ }
503
+
504
+ ::-webkit-scrollbar-thumb {
505
+ background: #3d444d;
506
+ border-radius: 5px;
507
+ }
508
+
509
+ ::-webkit-scrollbar-thumb:hover {
510
+ background: #4f5761;
511
+ }
512
+
513
+ /* Focus states */
514
+ body a:focus {
515
+ outline: 2px solid #1f6feb;
516
+ outline-offset: -2px;
47
517
  }
48
518
 
49
- blockquote {
50
- border-left: 4px solid #569cd6;
51
- padding-left: 1em;
52
- color: #b5b5b5;
53
- margin-left: 0;
519
+ /* Responsive */
520
+ @media (max-width: 768px) {
521
+ body {
522
+ padding: 1rem;
523
+ }
54
524
  }
@@ -1 +1,524 @@
1
- body { color: black; }
1
+ /*
2
+ * GitHub Light Theme for vimd
3
+ * Based on github-markdown-css by Sindre Sorhus
4
+ * https://github.com/sindresorhus/github-markdown-css
5
+ * MIT License
6
+ */
7
+
8
+ /* Full page light background */
9
+ html {
10
+ background-color: #ffffff;
11
+ }
12
+
13
+ /* Main body styles */
14
+ body {
15
+ color-scheme: light;
16
+ -ms-text-size-adjust: 100%;
17
+ -webkit-text-size-adjust: 100%;
18
+ margin: 0 auto;
19
+ padding: 2rem;
20
+ max-width: 980px;
21
+ color: #1f2328;
22
+ background-color: #ffffff;
23
+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
24
+ font-size: 16px;
25
+ line-height: 1.5;
26
+ word-wrap: break-word;
27
+ }
28
+
29
+ /* Links */
30
+ body a {
31
+ background-color: transparent;
32
+ color: #0969da;
33
+ text-decoration: none;
34
+ }
35
+
36
+ body a:hover {
37
+ text-decoration: underline;
38
+ }
39
+
40
+ /* Strong / Bold */
41
+ body b,
42
+ body strong {
43
+ font-weight: 600;
44
+ }
45
+
46
+ /* Headings */
47
+ body h1,
48
+ body h2,
49
+ body h3,
50
+ body h4,
51
+ body h5,
52
+ body h6 {
53
+ margin-top: 1.5rem;
54
+ margin-bottom: 1rem;
55
+ font-weight: 600;
56
+ line-height: 1.25;
57
+ }
58
+
59
+ body h1 {
60
+ margin: .67em 0;
61
+ font-weight: 600;
62
+ padding-bottom: .3em;
63
+ font-size: 2em;
64
+ border-bottom: 1px solid #d1d9e0b3;
65
+ }
66
+
67
+ body h2 {
68
+ font-weight: 600;
69
+ padding-bottom: .3em;
70
+ font-size: 1.5em;
71
+ border-bottom: 1px solid #d1d9e0b3;
72
+ }
73
+
74
+ body h3 {
75
+ font-weight: 600;
76
+ font-size: 1.25em;
77
+ }
78
+
79
+ body h4 {
80
+ font-weight: 600;
81
+ font-size: 1em;
82
+ }
83
+
84
+ body h5 {
85
+ font-weight: 600;
86
+ font-size: .875em;
87
+ }
88
+
89
+ body h6 {
90
+ font-weight: 600;
91
+ font-size: .85em;
92
+ color: #656d76;
93
+ }
94
+
95
+ /* Paragraphs */
96
+ body p {
97
+ margin-top: 0;
98
+ margin-bottom: 10px;
99
+ }
100
+
101
+ /* Lists */
102
+ body ul,
103
+ body ol {
104
+ margin-top: 0;
105
+ margin-bottom: 0;
106
+ padding-left: 2em;
107
+ }
108
+
109
+ body li+li {
110
+ margin-top: .25em;
111
+ }
112
+
113
+ /* Blockquote */
114
+ body blockquote {
115
+ margin: 0;
116
+ padding: 0 1em;
117
+ color: #656d76;
118
+ border-left: .25em solid #d1d9e0;
119
+ }
120
+
121
+ /* Horizontal Rule */
122
+ body hr {
123
+ box-sizing: content-box;
124
+ overflow: hidden;
125
+ background: transparent;
126
+ border-bottom: 1px solid #d1d9e0b3;
127
+ height: .25em;
128
+ padding: 0;
129
+ margin: 1.5rem 0;
130
+ background-color: #d1d9e0;
131
+ border: 0;
132
+ }
133
+
134
+ /* Images */
135
+ body img {
136
+ border-style: none;
137
+ max-width: 100%;
138
+ box-sizing: content-box;
139
+ }
140
+
141
+ /* Tables */
142
+ body table {
143
+ border-spacing: 0;
144
+ border-collapse: collapse;
145
+ display: block;
146
+ width: max-content;
147
+ max-width: 100%;
148
+ overflow: auto;
149
+ }
150
+
151
+ body table th {
152
+ font-weight: 600;
153
+ }
154
+
155
+ body table th,
156
+ body table td {
157
+ padding: 6px 13px;
158
+ border: 1px solid #d1d9e0;
159
+ }
160
+
161
+ body table tr {
162
+ background-color: #ffffff;
163
+ border-top: 1px solid #d1d9e0b3;
164
+ }
165
+
166
+ body table tr:nth-child(2n) {
167
+ background-color: #f6f8fa;
168
+ }
169
+
170
+ /* Inline Code */
171
+ body code,
172
+ body tt {
173
+ padding: .2em .4em;
174
+ margin: 0;
175
+ font-size: 85%;
176
+ white-space: break-spaces;
177
+ background-color: #eff1f3;
178
+ border-radius: 6px;
179
+ font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
180
+ }
181
+
182
+ /* Code Blocks */
183
+ body pre {
184
+ margin-top: 0;
185
+ margin-bottom: 0;
186
+ font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
187
+ font-size: 12px;
188
+ word-wrap: normal;
189
+ }
190
+
191
+ body pre code {
192
+ font-size: 100%;
193
+ }
194
+
195
+ body pre>code {
196
+ padding: 0;
197
+ margin: 0;
198
+ word-break: normal;
199
+ white-space: pre;
200
+ background: transparent;
201
+ border: 0;
202
+ }
203
+
204
+ body .highlight pre,
205
+ body pre {
206
+ padding: 1rem;
207
+ overflow: auto;
208
+ font-size: 85%;
209
+ line-height: 1.45;
210
+ color: #1f2328;
211
+ background-color: #f6f8fa;
212
+ border-radius: 6px;
213
+ }
214
+
215
+ body pre code,
216
+ body pre tt {
217
+ display: inline;
218
+ max-width: auto;
219
+ padding: 0;
220
+ margin: 0;
221
+ overflow: visible;
222
+ line-height: inherit;
223
+ word-wrap: normal;
224
+ background-color: transparent;
225
+ border: 0;
226
+ }
227
+
228
+ /* Keyboard */
229
+ body kbd {
230
+ display: inline-block;
231
+ padding: 0.25rem;
232
+ font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
233
+ line-height: 10px;
234
+ color: #1f2328;
235
+ vertical-align: middle;
236
+ background-color: #f6f8fa;
237
+ border: solid 1px #d1d9e0b3;
238
+ border-bottom-color: #d1d9e0b3;
239
+ border-radius: 6px;
240
+ box-shadow: inset 0 -1px 0 #d1d9e0b3;
241
+ }
242
+
243
+ /* Mark / Highlight */
244
+ body mark {
245
+ background-color: #fff8c5;
246
+ color: #1f2328;
247
+ }
248
+
249
+ /* Definition Lists */
250
+ body dl {
251
+ padding: 0;
252
+ }
253
+
254
+ body dl dt {
255
+ padding: 0;
256
+ margin-top: 1rem;
257
+ font-size: 1em;
258
+ font-style: italic;
259
+ font-weight: 600;
260
+ }
261
+
262
+ body dl dd {
263
+ padding: 0 1rem;
264
+ margin-bottom: 1rem;
265
+ }
266
+
267
+ /* Table of Contents (pandoc) */
268
+ nav#TOC {
269
+ background-color: #f6f8fa;
270
+ border: 1px solid #d1d9e0;
271
+ border-radius: 6px;
272
+ padding: 1rem 1.5rem;
273
+ margin-bottom: 1.5rem;
274
+ }
275
+
276
+ nav#TOC > ul {
277
+ margin: 0;
278
+ padding-left: 0;
279
+ list-style: none;
280
+ }
281
+
282
+ nav#TOC ul {
283
+ padding-left: 1.5em;
284
+ }
285
+
286
+ nav#TOC li {
287
+ margin: 0.4em 0;
288
+ }
289
+
290
+ nav#TOC a {
291
+ color: #0969da;
292
+ }
293
+
294
+ nav#TOC a:hover {
295
+ color: #0550ae;
296
+ }
297
+
298
+ /* Pandoc Syntax Highlighting - GitHub Light Colors */
299
+ div.sourceCode {
300
+ background-color: #f6f8fa;
301
+ border-radius: 6px;
302
+ overflow: auto;
303
+ }
304
+
305
+ pre.sourceCode {
306
+ margin: 0;
307
+ padding: 1rem;
308
+ }
309
+
310
+ code.sourceCode {
311
+ background: transparent;
312
+ color: #1f2328;
313
+ }
314
+
315
+ /* Comments */
316
+ code.sourceCode span.co,
317
+ .sourceCode .co {
318
+ color: #59636e;
319
+ }
320
+
321
+ /* Constants */
322
+ code.sourceCode span.cn,
323
+ code.sourceCode span.c1,
324
+ code.sourceCode span.dv,
325
+ code.sourceCode span.bn,
326
+ code.sourceCode span.fl,
327
+ .sourceCode .cn,
328
+ .sourceCode .c1,
329
+ .sourceCode .dv,
330
+ .sourceCode .bn,
331
+ .sourceCode .fl {
332
+ color: #0550ae;
333
+ }
334
+
335
+ /* Strings */
336
+ code.sourceCode span.st,
337
+ code.sourceCode span.ch,
338
+ code.sourceCode span.vs,
339
+ .sourceCode .st,
340
+ .sourceCode .ch,
341
+ .sourceCode .vs {
342
+ color: #0a3069;
343
+ }
344
+
345
+ /* Keywords */
346
+ code.sourceCode span.kw,
347
+ code.sourceCode span.cf,
348
+ .sourceCode .kw,
349
+ .sourceCode .cf {
350
+ color: #cf222e;
351
+ }
352
+
353
+ /* Functions */
354
+ code.sourceCode span.fu,
355
+ code.sourceCode span.bu,
356
+ .sourceCode .fu,
357
+ .sourceCode .bu {
358
+ color: #8250df;
359
+ }
360
+
361
+ /* Variables */
362
+ code.sourceCode span.va,
363
+ .sourceCode .va {
364
+ color: #953800;
365
+ }
366
+
367
+ /* Data Types */
368
+ code.sourceCode span.dt,
369
+ .sourceCode .dt {
370
+ color: #0550ae;
371
+ }
372
+
373
+ /* Operators */
374
+ code.sourceCode span.op,
375
+ .sourceCode .op {
376
+ color: #1f2328;
377
+ }
378
+
379
+ /* Attributes / Decorators */
380
+ code.sourceCode span.at,
381
+ .sourceCode .at {
382
+ color: #116329;
383
+ }
384
+
385
+ /* Preprocessor */
386
+ code.sourceCode span.pp,
387
+ .sourceCode .pp {
388
+ color: #cf222e;
389
+ }
390
+
391
+ /* Import */
392
+ code.sourceCode span.im,
393
+ .sourceCode .im {
394
+ color: #cf222e;
395
+ }
396
+
397
+ /* Special characters */
398
+ code.sourceCode span.sc,
399
+ .sourceCode .sc {
400
+ color: #0a3069;
401
+ }
402
+
403
+ /* Regular expressions */
404
+ code.sourceCode span.ss,
405
+ .sourceCode .ss {
406
+ color: #0a3069;
407
+ }
408
+
409
+ /* Annotations */
410
+ code.sourceCode span.an,
411
+ .sourceCode .an {
412
+ color: #59636e;
413
+ }
414
+
415
+ /* Documentation */
416
+ code.sourceCode span.do,
417
+ .sourceCode .do {
418
+ color: #59636e;
419
+ }
420
+
421
+ /* Errors */
422
+ code.sourceCode span.er,
423
+ code.sourceCode span.al,
424
+ .sourceCode .er,
425
+ .sourceCode .al {
426
+ color: #cf222e;
427
+ }
428
+
429
+ /* Warnings */
430
+ code.sourceCode span.wa,
431
+ .sourceCode .wa {
432
+ color: #9a6700;
433
+ }
434
+
435
+ /* Information */
436
+ code.sourceCode span.in,
437
+ .sourceCode .in {
438
+ color: #59636e;
439
+ }
440
+
441
+ /* GitHub .pl-* classes (for compatibility) */
442
+ body .pl-c {
443
+ color: #59636e;
444
+ }
445
+
446
+ body .pl-c1,
447
+ body .pl-s .pl-v {
448
+ color: #0550ae;
449
+ }
450
+
451
+ body .pl-e,
452
+ body .pl-en {
453
+ color: #8250df;
454
+ }
455
+
456
+ body .pl-smi,
457
+ body .pl-s .pl-s1 {
458
+ color: #1f2328;
459
+ }
460
+
461
+ body .pl-ent {
462
+ color: #116329;
463
+ }
464
+
465
+ body .pl-k {
466
+ color: #cf222e;
467
+ }
468
+
469
+ body .pl-s,
470
+ body .pl-pds,
471
+ body .pl-s .pl-pse .pl-s1,
472
+ body .pl-sr,
473
+ body .pl-sr .pl-cce,
474
+ body .pl-sr .pl-sre,
475
+ body .pl-sr .pl-sra {
476
+ color: #0a3069;
477
+ }
478
+
479
+ body .pl-v,
480
+ body .pl-smw {
481
+ color: #953800;
482
+ }
483
+
484
+ body .pl-bu {
485
+ color: #cf222e;
486
+ }
487
+
488
+ /* Selection */
489
+ ::selection {
490
+ background-color: #0969da33;
491
+ color: #1f2328;
492
+ }
493
+
494
+ /* Scrollbar (WebKit) */
495
+ ::-webkit-scrollbar {
496
+ width: 10px;
497
+ height: 10px;
498
+ }
499
+
500
+ ::-webkit-scrollbar-track {
501
+ background: #ffffff;
502
+ }
503
+
504
+ ::-webkit-scrollbar-thumb {
505
+ background: #d1d9e0;
506
+ border-radius: 5px;
507
+ }
508
+
509
+ ::-webkit-scrollbar-thumb:hover {
510
+ background: #afb8c1;
511
+ }
512
+
513
+ /* Focus states */
514
+ body a:focus {
515
+ outline: 2px solid #0969da;
516
+ outline-offset: -2px;
517
+ }
518
+
519
+ /* Responsive */
520
+ @media (max-width: 768px) {
521
+ body {
522
+ padding: 1rem;
523
+ }
524
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vimd",
3
- "version": "0.1.7",
3
+ "version": "0.1.9",
4
4
  "description": "Real-time Markdown preview tool with pandoc (view markdown)",
5
5
  "type": "module",
6
6
  "keywords": [