zzstoatzz.io
slack status without the slack
status.zzstoatzz.io/
quickslice
fix: font selector and gear icon
- removed hardcoded JetBrains Mono font that was overriding settings
- use iconify CDN for clean gear icon instead of complex SVG
- font selector now properly applies (system/mono/serif/comic)
- mono option uses JetBrains Mono as primary font
+1
-1
templates/base.html
+1
-1
templates/base.html
···
38
38
39
39
const fontMap = {
40
40
'system': '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
41
-
'mono': 'ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace',
41
+
'mono': '"JetBrains Mono", "Fira Code", "Cascadia Code", monospace',
42
42
'serif': 'ui-serif, Georgia, Cambria, serif',
43
43
'comic': '"Comic Sans MS", "Comic Sans", cursive'
44
44
};
+4
-8
templates/status.html
+4
-8
templates/status.html
···
24
24
</a>
25
25
{% if is_owner %}
26
26
<button class="settings-toggle" id="settings-toggle" aria-label="Settings">
27
-
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
28
-
<circle cx="12" cy="12" r="3"></circle>
29
-
<path d="M12 1v6m0 6v6m4.22-13.22l4.24 4.24M18.36 18.36l4.24 4.24M23 12h-6m-6 0H1m4.22 4.22l-4.24 4.24M5.64 5.64L1.4 1.4"></path>
30
-
</svg>
27
+
<img src="https://api.iconify.design/lucide:settings.svg?color=%23888" width="20" height="20" alt="Settings">
31
28
</button>
32
29
<button class="theme-toggle" id="theme-toggle" aria-label="Toggle theme">
33
30
<svg class="sun-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
···
283
280
<script src="/static/emoji-data.js"></script>
284
281
<style>
285
282
body {
286
-
font-family: var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
283
+
font-family: var(--font-family) !important;
287
284
}
288
285
289
286
:root {
···
327
324
}
328
325
329
326
body {
330
-
font-family: "JetBrains Mono", "Fira Code", "Cascadia Code", "Source Code Pro", "SF Mono", "Monaco", "Inconsolata", "Consolas", monospace;
331
327
background: var(--bg-primary);
332
328
color: var(--text-primary);
333
329
line-height: 1.6;
···
1233
1229
// Apply font family
1234
1230
const fontMap = {
1235
1231
'system': '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
1236
-
'mono': 'ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace',
1232
+
'mono': '"JetBrains Mono", "Fira Code", "Cascadia Code", monospace',
1237
1233
'serif': 'ui-serif, Georgia, Cambria, serif',
1238
1234
'comic': '"Comic Sans MS", "Comic Sans", cursive'
1239
1235
};
···
1274
1270
// Apply
1275
1271
const fontMap = {
1276
1272
'system': '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
1277
-
'mono': 'ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace',
1273
+
'mono': '"JetBrains Mono", "Fira Code", "Cascadia Code", monospace',
1278
1274
'serif': 'ui-serif, Georgia, Cambria, serif',
1279
1275
'comic': '"Comic Sans MS", "Comic Sans", cursive'
1280
1276
};