repos / pico

pico services - prose.sh, pastes.sh, imgs.sh, feeds.sh, pgs.sh
git clone https://github.com/picosh/pico.git

Eric Bower · 08 Aug 22

syntax.css

  1@media (prefers-color-scheme: light) {
  2  /* Background */
  3  .bg {
  4    background-color: #ffffff;
  5  }
  6  /* PreWrapper */
  7  .chroma {
  8    background-color: #ffffff;
  9  }
 10  /* Other */
 11  .chroma .x {
 12  }
 13  /* Error */
 14  .chroma .err {
 15    background-color: #a848a8;
 16  }
 17  /* CodeLine */
 18  .chroma .cl {
 19  }
 20  /* LineTableTD */
 21  .chroma .lntd {
 22    vertical-align: top;
 23    padding: 0;
 24    margin: 0;
 25    border: 0;
 26  }
 27  /* LineTable */
 28  .chroma .lntable {
 29    border-spacing: 0;
 30    padding: 0;
 31    margin: 0;
 32    border: 0;
 33  }
 34  /* LineHighlight */
 35  .chroma .hl {
 36    background-color: #ffffcc;
 37  }
 38  /* LineNumbersTable */
 39  .chroma .lnt {
 40    white-space: pre;
 41    user-select: none;
 42    margin-right: 0.4em;
 43    padding: 0 0.4em 0 0.4em;
 44    color: #7f7f7f;
 45  }
 46  /* LineNumbers */
 47  .chroma .ln {
 48    white-space: pre;
 49    user-select: none;
 50    margin-right: 0.4em;
 51    padding: 0 0.4em 0 0.4em;
 52    color: #7f7f7f;
 53  }
 54  /* Line */
 55  .chroma .line {
 56    display: flex;
 57  }
 58  /* Keyword */
 59  .chroma .k {
 60    color: #2838b0;
 61  }
 62  /* KeywordConstant */
 63  .chroma .kc {
 64    color: #444444;
 65    font-style: italic;
 66  }
 67  /* KeywordDeclaration */
 68  .chroma .kd {
 69    color: #2838b0;
 70    font-style: italic;
 71  }
 72  /* KeywordNamespace */
 73  .chroma .kn {
 74    color: #2838b0;
 75  }
 76  /* KeywordPseudo */
 77  .chroma .kp {
 78    color: #2838b0;
 79  }
 80  /* KeywordReserved */
 81  .chroma .kr {
 82    color: #2838b0;
 83  }
 84  /* KeywordType */
 85  .chroma .kt {
 86    color: #2838b0;
 87    font-style: italic;
 88  }
 89  /* Name */
 90  .chroma .n {
 91  }
 92  /* NameAttribute */
 93  .chroma .na {
 94    color: #388038;
 95  }
 96  /* NameBuiltin */
 97  .chroma .nb {
 98    color: #388038;
 99  }
100  /* NameBuiltinPseudo */
101  .chroma .bp {
102    font-style: italic;
103  }
104  /* NameClass */
105  .chroma .nc {
106    color: #287088;
107  }
108  /* NameConstant */
109  .chroma .no {
110    color: #b85820;
111  }
112  /* NameDecorator */
113  .chroma .nd {
114    color: #287088;
115  }
116  /* NameEntity */
117  .chroma .ni {
118    color: #709030;
119  }
120  /* NameException */
121  .chroma .ne {
122    color: #908828;
123  }
124  /* NameFunction */
125  .chroma .nf {
126    color: #785840;
127  }
128  /* NameFunctionMagic */
129  .chroma .fm {
130    color: #b85820;
131  }
132  /* NameLabel */
133  .chroma .nl {
134    color: #289870;
135  }
136  /* NameNamespace */
137  .chroma .nn {
138    color: #289870;
139  }
140  /* NameOther */
141  .chroma .nx {
142  }
143  /* NameProperty */
144  .chroma .py {
145  }
146  /* NameTag */
147  .chroma .nt {
148    color: #2838b0;
149  }
150  /* NameVariable */
151  .chroma .nv {
152    color: #b04040;
153  }
154  /* NameVariableClass */
155  .chroma .vc {
156  }
157  /* NameVariableGlobal */
158  .chroma .vg {
159    color: #908828;
160  }
161  /* NameVariableInstance */
162  .chroma .vi {
163  }
164  /* NameVariableMagic */
165  .chroma .vm {
166    color: #b85820;
167  }
168  /* Literal */
169  .chroma .l {
170  }
171  /* LiteralDate */
172  .chroma .ld {
173  }
174  /* LiteralString */
175  .chroma .s {
176    color: #b83838;
177  }
178  /* LiteralStringAffix */
179  .chroma .sa {
180    color: #444444;
181  }
182  /* LiteralStringBacktick */
183  .chroma .sb {
184    color: #b83838;
185  }
186  /* LiteralStringChar */
187  .chroma .sc {
188    color: #a848a8;
189  }
190  /* LiteralStringDelimiter */
191  .chroma .dl {
192    color: #b85820;
193  }
194  /* LiteralStringDoc */
195  .chroma .sd {
196    color: #b85820;
197    font-style: italic;
198  }
199  /* LiteralStringDouble */
200  .chroma .s2 {
201    color: #b83838;
202  }
203  /* LiteralStringEscape */
204  .chroma .se {
205    color: #709030;
206  }
207  /* LiteralStringHeredoc */
208  .chroma .sh {
209    color: #b83838;
210  }
211  /* LiteralStringInterpol */
212  .chroma .si {
213    color: #b83838;
214    text-decoration: underline;
215  }
216  /* LiteralStringOther */
217  .chroma .sx {
218    color: #a848a8;
219  }
220  /* LiteralStringRegex */
221  .chroma .sr {
222    color: #a848a8;
223  }
224  /* LiteralStringSingle */
225  .chroma .s1 {
226    color: #b83838;
227  }
228  /* LiteralStringSymbol */
229  .chroma .ss {
230    color: #b83838;
231  }
232  /* LiteralNumber */
233  .chroma .m {
234    color: #444444;
235  }
236  /* LiteralNumberBin */
237  .chroma .mb {
238    color: #444444;
239  }
240  /* LiteralNumberFloat */
241  .chroma .mf {
242    color: #444444;
243  }
244  /* LiteralNumberHex */
245  .chroma .mh {
246    color: #444444;
247  }
248  /* LiteralNumberInteger */
249  .chroma .mi {
250    color: #444444;
251  }
252  /* LiteralNumberIntegerLong */
253  .chroma .il {
254    color: #444444;
255  }
256  /* LiteralNumberOct */
257  .chroma .mo {
258    color: #444444;
259  }
260  /* Operator */
261  .chroma .o {
262    color: #666666;
263  }
264  /* OperatorWord */
265  .chroma .ow {
266    color: #a848a8;
267  }
268  /* Punctuation */
269  .chroma .p {
270    color: #888888;
271  }
272  /* Comment */
273  .chroma .c {
274    color: #888888;
275    font-style: italic;
276  }
277  /* CommentHashbang */
278  .chroma .ch {
279    color: #287088;
280    font-style: italic;
281  }
282  /* CommentMultiline */
283  .chroma .cm {
284    color: #888888;
285    font-style: italic;
286  }
287  /* CommentSingle */
288  .chroma .c1 {
289    color: #888888;
290    font-style: italic;
291  }
292  /* CommentSpecial */
293  .chroma .cs {
294    color: #888888;
295    font-style: italic;
296  }
297  /* CommentPreproc */
298  .chroma .cp {
299    color: #289870;
300  }
301  /* CommentPreprocFile */
302  .chroma .cpf {
303    color: #289870;
304  }
305  /* Generic */
306  .chroma .g {
307  }
308  /* GenericDeleted */
309  .chroma .gd {
310    color: #c02828;
311  }
312  /* GenericEmph */
313  .chroma .ge {
314    font-style: italic;
315  }
316  /* GenericError */
317  .chroma .gr {
318    color: #c02828;
319  }
320  /* GenericHeading */
321  .chroma .gh {
322    color: #666666;
323  }
324  /* GenericInserted */
325  .chroma .gi {
326    color: #388038;
327  }
328  /* GenericOutput */
329  .chroma .go {
330    color: #666666;
331  }
332  /* GenericPrompt */
333  .chroma .gp {
334    color: #444444;
335  }
336  /* GenericStrong */
337  .chroma .gs {
338    font-weight: bold;
339  }
340  /* GenericSubheading */
341  .chroma .gu {
342    color: #444444;
343  }
344  /* GenericTraceback */
345  .chroma .gt {
346    color: #2838b0;
347  }
348  /* GenericUnderline */
349  .chroma .gl {
350    text-decoration: underline;
351  }
352  /* TextWhitespace */
353  .chroma .w {
354    color: #a89028;
355  }
356}
357
358@media (prefers-color-scheme: dark) {
359  /* Background */
360  .bg {
361    color: #f8f8f2;
362    background-color: #282a36;
363  }
364  /* PreWrapper */
365  .chroma {
366    color: #f8f8f2;
367    background-color: #282a36;
368  }
369  /* Other */
370  .chroma .x {
371  }
372  /* Error */
373  .chroma .err {
374  }
375  /* CodeLine */
376  .chroma .cl {
377  }
378  /* LineTableTD */
379  .chroma .lntd {
380    vertical-align: top;
381    padding: 0;
382    margin: 0;
383    border: 0;
384  }
385  /* LineTable */
386  .chroma .lntable {
387    border-spacing: 0;
388    padding: 0;
389    margin: 0;
390    border: 0;
391  }
392  /* LineHighlight */
393  .chroma .hl {
394    background-color: #ffffcc;
395  }
396  /* LineNumbersTable */
397  .chroma .lnt {
398    white-space: pre;
399    user-select: none;
400    margin-right: 0.4em;
401    padding: 0 0.4em 0 0.4em;
402    color: #7f7f7f;
403  }
404  /* LineNumbers */
405  .chroma .ln {
406    white-space: pre;
407    user-select: none;
408    margin-right: 0.4em;
409    padding: 0 0.4em 0 0.4em;
410    color: #7f7f7f;
411  }
412  /* Line */
413  .chroma .line {
414    display: flex;
415  }
416  /* Keyword */
417  .chroma .k {
418    color: #ff79c6;
419  }
420  /* KeywordConstant */
421  .chroma .kc {
422    color: #ff79c6;
423  }
424  /* KeywordDeclaration */
425  .chroma .kd {
426    color: #8be9fd;
427    font-style: italic;
428  }
429  /* KeywordNamespace */
430  .chroma .kn {
431    color: #ff79c6;
432  }
433  /* KeywordPseudo */
434  .chroma .kp {
435    color: #ff79c6;
436  }
437  /* KeywordReserved */
438  .chroma .kr {
439    color: #ff79c6;
440  }
441  /* KeywordType */
442  .chroma .kt {
443    color: #8be9fd;
444  }
445  /* Name */
446  .chroma .n {
447  }
448  /* NameAttribute */
449  .chroma .na {
450    color: #50fa7b;
451  }
452  /* NameBuiltin */
453  .chroma .nb {
454    color: #8be9fd;
455    font-style: italic;
456  }
457  /* NameBuiltinPseudo */
458  .chroma .bp {
459  }
460  /* NameClass */
461  .chroma .nc {
462    color: #50fa7b;
463  }
464  /* NameConstant */
465  .chroma .no {
466  }
467  /* NameDecorator */
468  .chroma .nd {
469  }
470  /* NameEntity */
471  .chroma .ni {
472  }
473  /* NameException */
474  .chroma .ne {
475  }
476  /* NameFunction */
477  .chroma .nf {
478    color: #50fa7b;
479  }
480  /* NameFunctionMagic */
481  .chroma .fm {
482  }
483  /* NameLabel */
484  .chroma .nl {
485    color: #8be9fd;
486    font-style: italic;
487  }
488  /* NameNamespace */
489  .chroma .nn {
490  }
491  /* NameOther */
492  .chroma .nx {
493  }
494  /* NameProperty */
495  .chroma .py {
496  }
497  /* NameTag */
498  .chroma .nt {
499    color: #ff79c6;
500  }
501  /* NameVariable */
502  .chroma .nv {
503    color: #8be9fd;
504    font-style: italic;
505  }
506  /* NameVariableClass */
507  .chroma .vc {
508    color: #8be9fd;
509    font-style: italic;
510  }
511  /* NameVariableGlobal */
512  .chroma .vg {
513    color: #8be9fd;
514    font-style: italic;
515  }
516  /* NameVariableInstance */
517  .chroma .vi {
518    color: #8be9fd;
519    font-style: italic;
520  }
521  /* NameVariableMagic */
522  .chroma .vm {
523  }
524  /* Literal */
525  .chroma .l {
526  }
527  /* LiteralDate */
528  .chroma .ld {
529  }
530  /* LiteralString */
531  .chroma .s {
532    color: #f1fa8c;
533  }
534  /* LiteralStringAffix */
535  .chroma .sa {
536    color: #f1fa8c;
537  }
538  /* LiteralStringBacktick */
539  .chroma .sb {
540    color: #f1fa8c;
541  }
542  /* LiteralStringChar */
543  .chroma .sc {
544    color: #f1fa8c;
545  }
546  /* LiteralStringDelimiter */
547  .chroma .dl {
548    color: #f1fa8c;
549  }
550  /* LiteralStringDoc */
551  .chroma .sd {
552    color: #f1fa8c;
553  }
554  /* LiteralStringDouble */
555  .chroma .s2 {
556    color: #f1fa8c;
557  }
558  /* LiteralStringEscape */
559  .chroma .se {
560    color: #f1fa8c;
561  }
562  /* LiteralStringHeredoc */
563  .chroma .sh {
564    color: #f1fa8c;
565  }
566  /* LiteralStringInterpol */
567  .chroma .si {
568    color: #f1fa8c;
569  }
570  /* LiteralStringOther */
571  .chroma .sx {
572    color: #f1fa8c;
573  }
574  /* LiteralStringRegex */
575  .chroma .sr {
576    color: #f1fa8c;
577  }
578  /* LiteralStringSingle */
579  .chroma .s1 {
580    color: #f1fa8c;
581  }
582  /* LiteralStringSymbol */
583  .chroma .ss {
584    color: #f1fa8c;
585  }
586  /* LiteralNumber */
587  .chroma .m {
588    color: #bd93f9;
589  }
590  /* LiteralNumberBin */
591  .chroma .mb {
592    color: #bd93f9;
593  }
594  /* LiteralNumberFloat */
595  .chroma .mf {
596    color: #bd93f9;
597  }
598  /* LiteralNumberHex */
599  .chroma .mh {
600    color: #bd93f9;
601  }
602  /* LiteralNumberInteger */
603  .chroma .mi {
604    color: #bd93f9;
605  }
606  /* LiteralNumberIntegerLong */
607  .chroma .il {
608    color: #bd93f9;
609  }
610  /* LiteralNumberOct */
611  .chroma .mo {
612    color: #bd93f9;
613  }
614  /* Operator */
615  .chroma .o {
616    color: #ff79c6;
617  }
618  /* OperatorWord */
619  .chroma .ow {
620    color: #ff79c6;
621  }
622  /* Punctuation */
623  .chroma .p {
624  }
625  /* Comment */
626  .chroma .c {
627    color: #6272a4;
628  }
629  /* CommentHashbang */
630  .chroma .ch {
631    color: #6272a4;
632  }
633  /* CommentMultiline */
634  .chroma .cm {
635    color: #6272a4;
636  }
637  /* CommentSingle */
638  .chroma .c1 {
639    color: #6272a4;
640  }
641  /* CommentSpecial */
642  .chroma .cs {
643    color: #6272a4;
644  }
645  /* CommentPreproc */
646  .chroma .cp {
647    color: #ff79c6;
648  }
649  /* CommentPreprocFile */
650  .chroma .cpf {
651    color: #ff79c6;
652  }
653  /* Generic */
654  .chroma .g {
655  }
656  /* GenericDeleted */
657  .chroma .gd {
658    color: #ff5555;
659  }
660  /* GenericEmph */
661  .chroma .ge {
662    text-decoration: underline;
663  }
664  /* GenericError */
665  .chroma .gr {
666  }
667  /* GenericHeading */
668  .chroma .gh {
669    font-weight: bold;
670  }
671  /* GenericInserted */
672  .chroma .gi {
673    color: #50fa7b;
674    font-weight: bold;
675  }
676  /* GenericOutput */
677  .chroma .go {
678    color: #44475a;
679  }
680  /* GenericPrompt */
681  .chroma .gp {
682  }
683  /* GenericStrong */
684  .chroma .gs {
685  }
686  /* GenericSubheading */
687  .chroma .gu {
688    font-weight: bold;
689  }
690  /* GenericTraceback */
691  .chroma .gt {
692  }
693  /* GenericUnderline */
694  .chroma .gl {
695    text-decoration: underline;
696  }
697  /* TextWhitespace */
698  .chroma .w {
699  }
700}