Monorepo for Tangled
tangled.org
tangled.org
1svg {
2 width: 16px;
3 height: 16px;
4}
5
6:root {
7 --syntax-alert: #d20f39;
8 --syntax-annotation: #fe640b;
9 --syntax-attribute: #df8e1d;
10 --syntax-basen: #40a02b;
11 --syntax-builtin: #1e66f5;
12 --syntax-controlflow: #8839ef;
13 --syntax-char: #04a5e5;
14 --syntax-constant: #fe640b;
15 --syntax-comment: #9ca0b0;
16 --syntax-commentvar: #7c7f93;
17 --syntax-documentation: #9ca0b0;
18 --syntax-datatype: #df8e1d;
19 --syntax-decval: #40a02b;
20 --syntax-error: #d20f39;
21 --syntax-extension: #4c4f69;
22 --syntax-float: #40a02b;
23 --syntax-function: #1e66f5;
24 --syntax-import: #40a02b;
25 --syntax-information: #04a5e5;
26 --syntax-keyword: #8839ef;
27 --syntax-operator: #179299;
28 --syntax-other: #8839ef;
29 --syntax-preprocessor: #ea76cb;
30 --syntax-specialchar: #04a5e5;
31 --syntax-specialstring: #ea76cb;
32 --syntax-string: #40a02b;
33 --syntax-variable: #8839ef;
34 --syntax-verbatimstring: #40a02b;
35 --syntax-warning: #df8e1d;
36}
37
38@media (prefers-color-scheme: dark) {
39 :root {
40 --syntax-alert: #f38ba8;
41 --syntax-annotation: #fab387;
42 --syntax-attribute: #f9e2af;
43 --syntax-basen: #a6e3a1;
44 --syntax-builtin: #89b4fa;
45 --syntax-controlflow: #cba6f7;
46 --syntax-char: #89dceb;
47 --syntax-constant: #fab387;
48 --syntax-comment: #6c7086;
49 --syntax-commentvar: #585b70;
50 --syntax-documentation: #6c7086;
51 --syntax-datatype: #f9e2af;
52 --syntax-decval: #a6e3a1;
53 --syntax-error: #f38ba8;
54 --syntax-extension: #cdd6f4;
55 --syntax-float: #a6e3a1;
56 --syntax-function: #89b4fa;
57 --syntax-import: #a6e3a1;
58 --syntax-information: #89dceb;
59 --syntax-keyword: #cba6f7;
60 --syntax-operator: #94e2d5;
61 --syntax-other: #cba6f7;
62 --syntax-preprocessor: #f5c2e7;
63 --syntax-specialchar: #89dceb;
64 --syntax-specialstring: #f5c2e7;
65 --syntax-string: #a6e3a1;
66 --syntax-variable: #cba6f7;
67 --syntax-verbatimstring: #a6e3a1;
68 --syntax-warning: #f9e2af;
69 }
70}
71
72/* pandoc syntax highlighting classes */
73code span.al { color: var(--syntax-alert); font-weight: bold; } /* alert */
74code span.an { color: var(--syntax-annotation); font-weight: bold; font-style: italic; } /* annotation */
75code span.at { color: var(--syntax-attribute); } /* attribute */
76code span.bn { color: var(--syntax-basen); } /* basen */
77code span.bu { color: var(--syntax-builtin); } /* builtin */
78code span.cf { color: var(--syntax-controlflow); font-weight: bold; } /* controlflow */
79code span.ch { color: var(--syntax-char); } /* char */
80code span.cn { color: var(--syntax-constant); } /* constant */
81code span.co { color: var(--syntax-comment); font-style: italic; } /* comment */
82code span.cv { color: var(--syntax-commentvar); font-weight: bold; font-style: italic; } /* commentvar */
83code span.do { color: var(--syntax-documentation); font-style: italic; } /* documentation */
84code span.dt { color: var(--syntax-datatype); } /* datatype */
85code span.dv { color: var(--syntax-decval); } /* decval */
86code span.er { color: var(--syntax-error); font-weight: bold; } /* error */
87code span.ex { color: var(--syntax-extension); } /* extension */
88code span.fl { color: var(--syntax-float); } /* float */
89code span.fu { color: var(--syntax-function); } /* function */
90code span.im { color: var(--syntax-import); font-weight: bold; } /* import */
91code span.in { color: var(--syntax-information); font-weight: bold; font-style: italic; } /* information */
92code span.kw { color: var(--syntax-keyword); font-weight: bold; } /* keyword */
93code span.op { color: var(--syntax-operator); } /* operator */
94code span.ot { color: var(--syntax-other); } /* other */
95code span.pp { color: var(--syntax-preprocessor); } /* preprocessor */
96code span.sc { color: var(--syntax-specialchar); } /* specialchar */
97code span.ss { color: var(--syntax-specialstring); } /* specialstring */
98code span.st { color: var(--syntax-string); } /* string */
99code span.va { color: var(--syntax-variable); } /* variable */
100code span.vs { color: var(--syntax-verbatimstring); } /* verbatimstring */
101code span.wa { color: var(--syntax-warning); font-weight: bold; font-style: italic; } /* warning */