soopy.moe
1/* https://highlightjs.readthedocs.io/en/latest/css-classes-reference.html */
2.latte.hljs {
3 color: #4c4f69;
4 background: #eff1f5;
5}
6.latte .hljs-keyword {
7 color: #8839ef;
8}
9.latte .hljs-built_in {
10 color: #d20f39;
11}
12.latte .hljs-type {
13 color: #df8e1d;
14}
15.latte .hljs-literal {
16 color: #fe640b;
17}
18.latte .hljs-number {
19 color: #fe640b;
20}
21.latte .hljs-operator {
22 color: #04a5e5;
23}
24.latte .hljs-punctuation {
25 color: #5c5f77;
26}
27.latte .hljs-property {
28 color: #179299;
29}
30.latte .hljs-regexp {
31 color: #ea76cb;
32}
33.latte .hljs-string {
34 color: #40a02b;
35}
36.latte .hljs-char.escape_ {
37 color: #40a02b;
38}
39.latte .hljs-subst {
40 color: #6c6f85;
41}
42.latte .hljs-symbol {
43 color: #dd7878;
44}
45.latte .hljs-variable {
46 color: #8839ef;
47}
48.latte .hljs-variable.language_ {
49 color: #8839ef;
50}
51.latte .hljs-variable.constant_ {
52 color: #fe640b;
53}
54.latte .hljs-title {
55 color: #1e66f5;
56}
57.latte .hljs-title.class_ {
58 color: #df8e1d;
59}
60.latte .hljs-title.function_ {
61 color: #1e66f5;
62}
63.latte .hljs-params {
64 color: #4c4f69;
65}
66.latte .hljs-comment {
67 color: #7c7f93;
68}
69.latte .hljs-doctag {
70 color: #d20f39;
71}
72.latte .hljs-meta {
73 color: #fe640b;
74}
75.latte .hljs-section {
76 color: #1e66f5;
77}
78.latte .hljs-tag {
79 color: #179299;
80}
81.latte .hljs-name {
82 color: #8839ef;
83}
84.latte .hljs-attr {
85 color: #1e66f5;
86}
87.latte .hljs-attribute {
88 color: #40a02b;
89}
90.latte .hljs-bullet {
91 color: #179299;
92}
93.latte .hljs-code {
94 color: #40a02b;
95}
96.latte .hljs-emphasis {
97 color: #d20f39;
98 font-style: italic;
99}
100.latte .hljs-strong {
101 color: #d20f39;
102 font-weight: bold;
103}
104.latte .hljs-formula {
105 color: #179299;
106}
107.latte .hljs-link {
108 color: #209fb5;
109 font-style: italic;
110}
111.latte .hljs-quote {
112 color: #40a02b;
113 font-style: italic;
114}
115.latte .hljs-selector-tag {
116 color: #df8e1d;
117}
118.latte .hljs-selector-id {
119 color: #1e66f5;
120}
121.latte .hljs-selector-class {
122 color: #179299;
123}
124.latte .hljs-selector-attr {
125 color: #8839ef;
126}
127.latte .hljs-selector-pseudo {
128 color: #179299;
129}
130.latte .hljs-template-tag {
131 color: #dd7878;
132}
133.latte .hljs-template-variable {
134 color: #dd7878;
135}
136.latte .hljs-addition {
137 color: #40a02b;
138 background: rgba(64, 160, 43, 0.15);
139}
140.latte .hljs-deletion {
141 color: #d20f39;
142 background: rgba(210, 15, 57, 0.15);
143}
144.latte :is(h1, h2, h3, h4, h5, h6) a code {
145 color: #4c4f69;
146}
147.latte a code {
148 color: #1e66f5;
149}
150.latte code {
151 color: #4c4f69;
152 background: #e6e9ef;
153}
154.latte blockquote blockquote {
155 border-top: 0.1em solid #acb0be;
156 border-bottom: 0.1em solid #acb0be;
157}
158.latte hr {
159 border-color: #acb0be;
160 border-style: solid;
161}
162.latte del {
163 color: #7c7f93;
164}
165.latte .ace_gutter {
166 color: #8c8fa1;
167 background: #e6e9ef;
168}
169.latte .ace_gutter-active-line.ace_gutter-cell {
170 color: #ea76cb;
171 background: #e6e9ef;
172}
173.latte .tooltiptext {
174 background: #e6e9ef;
175 color: #4c4f69;
176}
177
178.frappe.hljs {
179 color: #c6d0f5;
180 background: #303446;
181}
182.frappe .hljs-keyword {
183 color: #ca9ee6;
184}
185.frappe .hljs-built_in {
186 color: #e78284;
187}
188.frappe .hljs-type {
189 color: #e5c890;
190}
191.frappe .hljs-literal {
192 color: #ef9f76;
193}
194.frappe .hljs-number {
195 color: #ef9f76;
196}
197.frappe .hljs-operator {
198 color: #99d1db;
199}
200.frappe .hljs-punctuation {
201 color: #b5bfe2;
202}
203.frappe .hljs-property {
204 color: #81c8be;
205}
206.frappe .hljs-regexp {
207 color: #f4b8e4;
208}
209.frappe .hljs-string {
210 color: #a6d189;
211}
212.frappe .hljs-char.escape_ {
213 color: #a6d189;
214}
215.frappe .hljs-subst {
216 color: #a5adce;
217}
218.frappe .hljs-symbol {
219 color: #eebebe;
220}
221.frappe .hljs-variable {
222 color: #ca9ee6;
223}
224.frappe .hljs-variable.language_ {
225 color: #ca9ee6;
226}
227.frappe .hljs-variable.constant_ {
228 color: #ef9f76;
229}
230.frappe .hljs-title {
231 color: #8caaee;
232}
233.frappe .hljs-title.class_ {
234 color: #e5c890;
235}
236.frappe .hljs-title.function_ {
237 color: #8caaee;
238}
239.frappe .hljs-params {
240 color: #c6d0f5;
241}
242.frappe .hljs-comment {
243 color: #949cbb;
244}
245.frappe .hljs-doctag {
246 color: #e78284;
247}
248.frappe .hljs-meta {
249 color: #ef9f76;
250}
251.frappe .hljs-section {
252 color: #8caaee;
253}
254.frappe .hljs-tag {
255 color: #81c8be;
256}
257.frappe .hljs-name {
258 color: #ca9ee6;
259}
260.frappe .hljs-attr {
261 color: #8caaee;
262}
263.frappe .hljs-attribute {
264 color: #a6d189;
265}
266.frappe .hljs-bullet {
267 color: #81c8be;
268}
269.frappe .hljs-code {
270 color: #a6d189;
271}
272.frappe .hljs-emphasis {
273 color: #e78284;
274 font-style: italic;
275}
276.frappe .hljs-strong {
277 color: #e78284;
278 font-weight: bold;
279}
280.frappe .hljs-formula {
281 color: #81c8be;
282}
283.frappe .hljs-link {
284 color: #85c1dc;
285 font-style: italic;
286}
287.frappe .hljs-quote {
288 color: #a6d189;
289 font-style: italic;
290}
291.frappe .hljs-selector-tag {
292 color: #e5c890;
293}
294.frappe .hljs-selector-id {
295 color: #8caaee;
296}
297.frappe .hljs-selector-class {
298 color: #81c8be;
299}
300.frappe .hljs-selector-attr {
301 color: #ca9ee6;
302}
303.frappe .hljs-selector-pseudo {
304 color: #81c8be;
305}
306.frappe .hljs-template-tag {
307 color: #eebebe;
308}
309.frappe .hljs-template-variable {
310 color: #eebebe;
311}
312.frappe .hljs-addition {
313 color: #a6d189;
314 background: rgba(166, 209, 137, 0.15);
315}
316.frappe .hljs-deletion {
317 color: #e78284;
318 background: rgba(231, 130, 132, 0.15);
319}
320.frappe :is(h1, h2, h3, h4, h5, h6) a code {
321 color: #c6d0f5;
322}
323.frappe a code {
324 color: #8caaee;
325}
326.frappe code {
327 color: #c6d0f5;
328 background: #292c3c;
329}
330.frappe blockquote blockquote {
331 border-top: 0.1em solid #626880;
332 border-bottom: 0.1em solid #626880;
333}
334.frappe hr {
335 border-color: #626880;
336 border-style: solid;
337}
338.frappe del {
339 color: #949cbb;
340}
341.frappe .ace_gutter {
342 color: #838ba7;
343 background: #292c3c;
344}
345.frappe .ace_gutter-active-line.ace_gutter-cell {
346 color: #f4b8e4;
347 background: #292c3c;
348}
349.frappe .tooltiptext {
350 background: #292c3c;
351 color: #c6d0f5;
352}
353
354.macchiato.hljs {
355 color: #cad3f5;
356 background: #24273a;
357}
358.macchiato .hljs-keyword {
359 color: #c6a0f6;
360}
361.macchiato .hljs-built_in {
362 color: #ed8796;
363}
364.macchiato .hljs-type {
365 color: #eed49f;
366}
367.macchiato .hljs-literal {
368 color: #f5a97f;
369}
370.macchiato .hljs-number {
371 color: #f5a97f;
372}
373.macchiato .hljs-operator {
374 color: #91d7e3;
375}
376.macchiato .hljs-punctuation {
377 color: #b8c0e0;
378}
379.macchiato .hljs-property {
380 color: #8bd5ca;
381}
382.macchiato .hljs-regexp {
383 color: #f5bde6;
384}
385.macchiato .hljs-string {
386 color: #a6da95;
387}
388.macchiato .hljs-char.escape_ {
389 color: #a6da95;
390}
391.macchiato .hljs-subst {
392 color: #a5adcb;
393}
394.macchiato .hljs-symbol {
395 color: #f0c6c6;
396}
397.macchiato .hljs-variable {
398 color: #c6a0f6;
399}
400.macchiato .hljs-variable.language_ {
401 color: #c6a0f6;
402}
403.macchiato .hljs-variable.constant_ {
404 color: #f5a97f;
405}
406.macchiato .hljs-title {
407 color: #8aadf4;
408}
409.macchiato .hljs-title.class_ {
410 color: #eed49f;
411}
412.macchiato .hljs-title.function_ {
413 color: #8aadf4;
414}
415.macchiato .hljs-params {
416 color: #cad3f5;
417}
418.macchiato .hljs-comment {
419 color: #939ab7;
420}
421.macchiato .hljs-doctag {
422 color: #ed8796;
423}
424.macchiato .hljs-meta {
425 color: #f5a97f;
426}
427.macchiato .hljs-section {
428 color: #8aadf4;
429}
430.macchiato .hljs-tag {
431 color: #8bd5ca;
432}
433.macchiato .hljs-name {
434 color: #c6a0f6;
435}
436.macchiato .hljs-attr {
437 color: #8aadf4;
438}
439.macchiato .hljs-attribute {
440 color: #a6da95;
441}
442.macchiato .hljs-bullet {
443 color: #8bd5ca;
444}
445.macchiato .hljs-code {
446 color: #a6da95;
447}
448.macchiato .hljs-emphasis {
449 color: #ed8796;
450 font-style: italic;
451}
452.macchiato .hljs-strong {
453 color: #ed8796;
454 font-weight: bold;
455}
456.macchiato .hljs-formula {
457 color: #8bd5ca;
458}
459.macchiato .hljs-link {
460 color: #7dc4e4;
461 font-style: italic;
462}
463.macchiato .hljs-quote {
464 color: #a6da95;
465 font-style: italic;
466}
467.macchiato .hljs-selector-tag {
468 color: #eed49f;
469}
470.macchiato .hljs-selector-id {
471 color: #8aadf4;
472}
473.macchiato .hljs-selector-class {
474 color: #8bd5ca;
475}
476.macchiato .hljs-selector-attr {
477 color: #c6a0f6;
478}
479.macchiato .hljs-selector-pseudo {
480 color: #8bd5ca;
481}
482.macchiato .hljs-template-tag {
483 color: #f0c6c6;
484}
485.macchiato .hljs-template-variable {
486 color: #f0c6c6;
487}
488.macchiato .hljs-addition {
489 color: #a6da95;
490 background: rgba(166, 218, 149, 0.15);
491}
492.macchiato .hljs-deletion {
493 color: #ed8796;
494 background: rgba(237, 135, 150, 0.15);
495}
496.macchiato :is(h1, h2, h3, h4, h5, h6) a code {
497 color: #cad3f5;
498}
499.macchiato a code {
500 color: #8aadf4;
501}
502.macchiato code {
503 color: #cad3f5;
504 background: #1e2030;
505}
506.macchiato blockquote blockquote {
507 border-top: 0.1em solid #5b6078;
508 border-bottom: 0.1em solid #5b6078;
509}
510.macchiato hr {
511 border-color: #5b6078;
512 border-style: solid;
513}
514.macchiato del {
515 color: #939ab7;
516}
517.macchiato .ace_gutter {
518 color: #8087a2;
519 background: #1e2030;
520}
521.macchiato .ace_gutter-active-line.ace_gutter-cell {
522 color: #f5bde6;
523 background: #1e2030;
524}
525.macchiato .tooltiptext {
526 background: #1e2030;
527 color: #cad3f5;
528}
529
530.mocha.hljs {
531 color: #cdd6f4;
532 background: #1e1e2e;
533}
534.mocha .hljs-keyword {
535 color: #cba6f7;
536}
537.mocha .hljs-built_in {
538 color: #f38ba8;
539}
540.mocha .hljs-type {
541 color: #f9e2af;
542}
543.mocha .hljs-literal {
544 color: #fab387;
545}
546.mocha .hljs-number {
547 color: #fab387;
548}
549.mocha .hljs-operator {
550 color: #89dceb;
551}
552.mocha .hljs-punctuation {
553 color: #bac2de;
554}
555.mocha .hljs-property {
556 color: #94e2d5;
557}
558.mocha .hljs-regexp {
559 color: #f5c2e7;
560}
561.mocha .hljs-string {
562 color: #a6e3a1;
563}
564.mocha .hljs-char.escape_ {
565 color: #a6e3a1;
566}
567.mocha .hljs-subst {
568 color: #a6adc8;
569}
570.mocha .hljs-symbol {
571 color: #f2cdcd;
572}
573.mocha .hljs-variable {
574 color: #cba6f7;
575}
576.mocha .hljs-variable.language_ {
577 color: #cba6f7;
578}
579.mocha .hljs-variable.constant_ {
580 color: #fab387;
581}
582.mocha .hljs-title {
583 color: #89b4fa;
584}
585.mocha .hljs-title.class_ {
586 color: #f9e2af;
587}
588.mocha .hljs-title.function_ {
589 color: #89b4fa;
590}
591.mocha .hljs-params {
592 color: #cdd6f4;
593}
594.mocha .hljs-comment {
595 color: #9399b2;
596}
597.mocha .hljs-doctag {
598 color: #f38ba8;
599}
600.mocha .hljs-meta {
601 color: #fab387;
602}
603.mocha .hljs-section {
604 color: #89b4fa;
605}
606.mocha .hljs-tag {
607 color: #94e2d5;
608}
609.mocha .hljs-name {
610 color: #cba6f7;
611}
612.mocha .hljs-attr {
613 color: #89b4fa;
614}
615.mocha .hljs-attribute {
616 color: #a6e3a1;
617}
618.mocha .hljs-bullet {
619 color: #94e2d5;
620}
621.mocha .hljs-code {
622 color: #a6e3a1;
623}
624.mocha .hljs-emphasis {
625 color: #f38ba8;
626 font-style: italic;
627}
628.mocha .hljs-strong {
629 color: #f38ba8;
630 font-weight: bold;
631}
632.mocha .hljs-formula {
633 color: #94e2d5;
634}
635.mocha .hljs-link {
636 color: #74c7ec;
637 font-style: italic;
638}
639.mocha .hljs-quote {
640 color: #a6e3a1;
641 font-style: italic;
642}
643.mocha .hljs-selector-tag {
644 color: #f9e2af;
645}
646.mocha .hljs-selector-id {
647 color: #89b4fa;
648}
649.mocha .hljs-selector-class {
650 color: #94e2d5;
651}
652.mocha .hljs-selector-attr {
653 color: #cba6f7;
654}
655.mocha .hljs-selector-pseudo {
656 color: #94e2d5;
657}
658.mocha .hljs-template-tag {
659 color: #f2cdcd;
660}
661.mocha .hljs-template-variable {
662 color: #f2cdcd;
663}
664.mocha .hljs-addition {
665 color: #a6e3a1;
666 background: rgba(166, 227, 161, 0.15);
667}
668.mocha .hljs-deletion {
669 color: #f38ba8;
670 background: rgba(243, 139, 168, 0.15);
671}
672.mocha :is(h1, h2, h3, h4, h5, h6) a code {
673 color: #cdd6f4;
674}
675.mocha a code {
676 color: #89b4fa;
677}
678.mocha code {
679 color: #cdd6f4;
680 background: #181825;
681}
682.mocha blockquote blockquote {
683 border-top: 0.1em solid #585b70;
684 border-bottom: 0.1em solid #585b70;
685}
686.mocha hr {
687 border-color: #585b70;
688 border-style: solid;
689}
690.mocha del {
691 color: #9399b2;
692}
693.mocha .ace_gutter {
694 color: #7f849c;
695 background: #181825;
696}
697.mocha .ace_gutter-active-line.ace_gutter-cell {
698 color: #f5c2e7;
699 background: #181825;
700}
701.mocha .tooltiptext {
702 background: #181825;
703 color: #cdd6f4;
704}
705
706.latte {
707 --bg: #eff1f5;
708 --fg: #4c4f69;
709 --sidebar-bg: #e6e9ef;
710 --sidebar-fg: #4c4f69;
711 --sidebar-non-existant: #9ca0b0;
712 --sidebar-active: #1e66f5;
713 --sidebar-spacer: #9ca0b0;
714 --scrollbar: #9ca0b0;
715 --icons: #9ca0b0;
716 --icons-hover: #7c7f93;
717 --links: #1e66f5;
718 --inline-code-color: #4c4f69;
719 --theme-popup-bg: #e6e9ef;
720 --theme-popup-border: #9ca0b0;
721 --theme-hover: #ccd0da;
722 --quote-bg: #e6e9ef;
723 --quote-border: #dce0e8;
724 --table-border-color: #ccd0da;
725 --table-header-bg: #e6e9ef;
726 --table-alternate-bg: #e6e9ef;
727 --searchbar-border-color: #ccd0da;
728 --searchbar-bg: #e6e9ef;
729 --searchbar-fg: #4c4f69;
730 --searchbar-shadow-color: #dce0e8;
731 --searchresults-header-fg: #4c4f69;
732 --searchresults-border-color: #ccd0da;
733 --searchresults-li-bg: #eff1f5;
734 --search-mark-bg: #fe640b;
735 --warning-border: #fe640b;
736 --color-scheme: light;
737}
738
739.frappe {
740 --bg: #303446;
741 --fg: #c6d0f5;
742 --sidebar-bg: #292c3c;
743 --sidebar-fg: #c6d0f5;
744 --sidebar-non-existant: #737994;
745 --sidebar-active: #8caaee;
746 --sidebar-spacer: #737994;
747 --scrollbar: #737994;
748 --icons: #737994;
749 --icons-hover: #949cbb;
750 --links: #8caaee;
751 --inline-code-color: #c6d0f5;
752 --theme-popup-bg: #292c3c;
753 --theme-popup-border: #737994;
754 --theme-hover: #414559;
755 --quote-bg: #292c3c;
756 --quote-border: #232634;
757 --table-border-color: #414559;
758 --table-header-bg: #292c3c;
759 --table-alternate-bg: #292c3c;
760 --searchbar-border-color: #414559;
761 --searchbar-bg: #292c3c;
762 --searchbar-fg: #c6d0f5;
763 --searchbar-shadow-color: #232634;
764 --searchresults-header-fg: #c6d0f5;
765 --searchresults-border-color: #414559;
766 --searchresults-li-bg: #303446;
767 --search-mark-bg: #ef9f76;
768 --warning-border: #ef9f76;
769 --color-scheme: dark;
770}
771
772.macchiato {
773 --bg: #24273a;
774 --fg: #cad3f5;
775 --sidebar-bg: #1e2030;
776 --sidebar-fg: #cad3f5;
777 --sidebar-non-existant: #6e738d;
778 --sidebar-active: #8aadf4;
779 --sidebar-spacer: #6e738d;
780 --scrollbar: #6e738d;
781 --icons: #6e738d;
782 --icons-hover: #939ab7;
783 --links: #8aadf4;
784 --inline-code-color: #cad3f5;
785 --theme-popup-bg: #1e2030;
786 --theme-popup-border: #6e738d;
787 --theme-hover: #363a4f;
788 --quote-bg: #1e2030;
789 --quote-border: #181926;
790 --table-border-color: #363a4f;
791 --table-header-bg: #1e2030;
792 --table-alternate-bg: #1e2030;
793 --searchbar-border-color: #363a4f;
794 --searchbar-bg: #1e2030;
795 --searchbar-fg: #cad3f5;
796 --searchbar-shadow-color: #181926;
797 --searchresults-header-fg: #cad3f5;
798 --searchresults-border-color: #363a4f;
799 --searchresults-li-bg: #24273a;
800 --search-mark-bg: #f5a97f;
801 --warning-border: #f5a97f;
802 --color-scheme: dark;
803}
804
805.mocha {
806 --bg: #1e1e2e;
807 --fg: #cdd6f4;
808 --sidebar-bg: #181825;
809 --sidebar-fg: #cdd6f4;
810 --sidebar-non-existant: #6c7086;
811 --sidebar-active: #89b4fa;
812 --sidebar-spacer: #6c7086;
813 --scrollbar: #6c7086;
814 --icons: #6c7086;
815 --icons-hover: #9399b2;
816 --links: #89b4fa;
817 --inline-code-color: #cdd6f4;
818 --theme-popup-bg: #181825;
819 --theme-popup-border: #6c7086;
820 --theme-hover: #313244;
821 --quote-bg: #181825;
822 --quote-border: #11111b;
823 --table-border-color: #313244;
824 --table-header-bg: #181825;
825 --table-alternate-bg: #181825;
826 --searchbar-border-color: #313244;
827 --searchbar-bg: #181825;
828 --searchbar-fg: #cdd6f4;
829 --searchbar-shadow-color: #11111b;
830 --searchresults-header-fg: #cdd6f4;
831 --searchresults-border-color: #313244;
832 --searchresults-li-bg: #1e1e2e;
833 --search-mark-bg: #fab387;
834 --warning-border: #fab387;
835 --color-scheme: dark;
836}