tangled.org
Monorepo for Tangled
tangled.org
anirudh.fi
1:root {
2 --pagefind-ui-scale: 0.875 !important;
3 --pagefind-ui-border-width: 1px !important;
4 --pagefind-ui-border-radius: 4px !important;
5 --pagefind-ui-border: #d1d5db !important;
6 --pagefind-ui-background: #f9fafb !important;
7 --pagefind-ui-text: #111827 !important;
8 --pagefind-ui-primary: #6b7280 !important;
9 --pagefind-ui-font: inherit !important;
10}
11
12.pagefind-ui__search-input {
13 font-weight: normal !important;
14}
15
16@media (prefers-color-scheme: dark) {
17 :root {
18 --pagefind-ui-border: #4b5563 !important;
19 --pagefind-ui-background: #1f2937 !important;
20 --pagefind-ui-text: #f9fafb !important;
21 --pagefind-ui-primary: #9ca3af !important;
22 }
23}
24
25@media (max-width: 768px) {
26 .pagefind-ui__result-thumb {
27 width: 0 !important;
28 }
29 .pagefind-ui__result-excerpt,
30 .pagefind-ui__result-title {
31 overflow-wrap: break-word;
32 word-break: break-word;
33 }
34 .pagefind-ui__search-input,
35 .pagefind-ui__search-clear {
36 max-width: 100%;
37 }
38 .pagefind-ui__form {
39 overflow: hidden;
40 }
41}
42
43svg {
44 width: 16px;
45 height: 16px;
46}
47
48:root {
49 --syntax-alert: #d20f39;
50 --syntax-annotation: #fe640b;
51 --syntax-attribute: #df8e1d;
52 --syntax-basen: #40a02b;
53 --syntax-builtin: #1e66f5;
54 --syntax-controlflow: #8839ef;
55 --syntax-char: #04a5e5;
56 --syntax-constant: #fe640b;
57 --syntax-comment: #9ca0b0;
58 --syntax-commentvar: #7c7f93;
59 --syntax-documentation: #9ca0b0;
60 --syntax-datatype: #df8e1d;
61 --syntax-decval: #40a02b;
62 --syntax-error: #d20f39;
63 --syntax-extension: #4c4f69;
64 --syntax-float: #40a02b;
65 --syntax-function: #1e66f5;
66 --syntax-import: #40a02b;
67 --syntax-information: #04a5e5;
68 --syntax-keyword: #8839ef;
69 --syntax-operator: #179299;
70 --syntax-other: #8839ef;
71 --syntax-preprocessor: #ea76cb;
72 --syntax-specialchar: #04a5e5;
73 --syntax-specialstring: #ea76cb;
74 --syntax-string: #40a02b;
75 --syntax-variable: #8839ef;
76 --syntax-verbatimstring: #40a02b;
77 --syntax-warning: #df8e1d;
78}
79
80@media (prefers-color-scheme: dark) {
81 :root {
82 --syntax-alert: #f38ba8;
83 --syntax-annotation: #fab387;
84 --syntax-attribute: #f9e2af;
85 --syntax-basen: #a6e3a1;
86 --syntax-builtin: #89b4fa;
87 --syntax-controlflow: #cba6f7;
88 --syntax-char: #89dceb;
89 --syntax-constant: #fab387;
90 --syntax-comment: #6c7086;
91 --syntax-commentvar: #585b70;
92 --syntax-documentation: #6c7086;
93 --syntax-datatype: #f9e2af;
94 --syntax-decval: #a6e3a1;
95 --syntax-error: #f38ba8;
96 --syntax-extension: #cdd6f4;
97 --syntax-float: #a6e3a1;
98 --syntax-function: #89b4fa;
99 --syntax-import: #a6e3a1;
100 --syntax-information: #89dceb;
101 --syntax-keyword: #cba6f7;
102 --syntax-operator: #94e2d5;
103 --syntax-other: #cba6f7;
104 --syntax-preprocessor: #f5c2e7;
105 --syntax-specialchar: #89dceb;
106 --syntax-specialstring: #f5c2e7;
107 --syntax-string: #a6e3a1;
108 --syntax-variable: #cba6f7;
109 --syntax-verbatimstring: #a6e3a1;
110 --syntax-warning: #f9e2af;
111 }
112}
113
114/* pandoc syntax highlighting classes */
115code span.al {
116 color: var(--syntax-alert);
117 font-weight: bold;
118} /* alert */
119code span.an {
120 color: var(--syntax-annotation);
121 font-weight: bold;
122 font-style: italic;
123} /* annotation */
124code span.at {
125 color: var(--syntax-attribute);
126} /* attribute */
127code span.bn {
128 color: var(--syntax-basen);
129} /* basen */
130code span.bu {
131 color: var(--syntax-builtin);
132} /* builtin */
133code span.cf {
134 color: var(--syntax-controlflow);
135 font-weight: bold;
136} /* controlflow */
137code span.ch {
138 color: var(--syntax-char);
139} /* char */
140code span.cn {
141 color: var(--syntax-constant);
142} /* constant */
143code span.co {
144 color: var(--syntax-comment);
145 font-style: italic;
146} /* comment */
147code span.cv {
148 color: var(--syntax-commentvar);
149 font-weight: bold;
150 font-style: italic;
151} /* commentvar */
152code span.do {
153 color: var(--syntax-documentation);
154 font-style: italic;
155} /* documentation */
156code span.dt {
157 color: var(--syntax-datatype);
158} /* datatype */
159code span.dv {
160 color: var(--syntax-decval);
161} /* decval */
162code span.er {
163 color: var(--syntax-error);
164 font-weight: bold;
165} /* error */
166code span.ex {
167 color: var(--syntax-extension);
168} /* extension */
169code span.fl {
170 color: var(--syntax-float);
171} /* float */
172code span.fu {
173 color: var(--syntax-function);
174} /* function */
175code span.im {
176 color: var(--syntax-import);
177 font-weight: bold;
178} /* import */
179code span.in {
180 color: var(--syntax-information);
181 font-weight: bold;
182 font-style: italic;
183} /* information */
184code span.kw {
185 color: var(--syntax-keyword);
186 font-weight: bold;
187} /* keyword */
188code span.op {
189 color: var(--syntax-operator);
190} /* operator */
191code span.ot {
192 color: var(--syntax-other);
193} /* other */
194code span.pp {
195 color: var(--syntax-preprocessor);
196} /* preprocessor */
197code span.sc {
198 color: var(--syntax-specialchar);
199} /* specialchar */
200code span.ss {
201 color: var(--syntax-specialstring);
202} /* specialstring */
203code span.st {
204 color: var(--syntax-string);
205} /* string */
206code span.va {
207 color: var(--syntax-variable);
208} /* variable */
209code span.vs {
210 color: var(--syntax-verbatimstring);
211} /* verbatimstring */
212code span.wa {
213 color: var(--syntax-warning);
214 font-weight: bold;
215 font-style: italic;
216} /* warning */