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

+5 -9
+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
··· 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 };