From e274c9f6a240cf9ef5a138f7e85cc43998dad4db Mon Sep 17 00:00:00 2001
From: multipleof4 <planetrenox@protonmail.com>
Date: Sat, 8 Nov 2025 20:32:12 -0800
Subject: [PATCH] Feat: Apply Google Sans Code to UI

---
 src/style.css | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/style.css b/src/style.css
index ce69789..dca7bdd 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,10 +1,29 @@
-:root{--safe-bottom:env(safe-area-inset-bottom)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:999px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
-html,body{overscroll-behavior-y:contain;font-family:'Space Grotesk',system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","SF Pro","Segoe UI",sans-serif}
-.markdown-body{font-size:14px;line-height:1.6;font-family:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","SF Pro","Segoe UI",sans-serif}.markdown-body pre{overflow:auto}
-.markdown-body ul,.markdown-body ol{list-style:revert;padding-left:2em}
+:root{--safe-bottom:env(safe-area-inset-bottom)}
+::-webkit-scrollbar{height:8px;width:8px}
+::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:999px}
+.no-scrollbar::-webkit-scrollbar{display:none}
+.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
+html,body{overscroll-behavior-y:contain;font-family:"Google Sans Code",-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",system-ui,-system-ui,system,-apple-system,BlinkMacSystemFont,".SFNSText-Regular",sans-serif}
+#topbar,
+#sidebarLeft,
+#sidebarRight,
+#suneModal,
+#accountSettingsModal,
+.menu-card,
+.menu-item,
+#composer,
+#messages,
+#suneList,
+#threadList{font-family:"Google Sans Code",-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",system-ui,-system-ui,system,-apple-system,BlinkMacSystemFont,".SFNSText-Regular",sans-serif}
+.markdown-body{font-size:14px;line-height:1.6}
+.markdown-body pre{overflow:auto}
+.markdown-body ul,
+.markdown-body ol{list-style:revert;padding-left:2em}
 .msg-bubble{overflow-x:auto}
 .msg-avatar{font-size:16px}
 .menu-card{position:fixed;z-index:60;min-width:12rem;border-radius:0.75rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.08)}
 .menu-item{width:100%;text-align:left;padding:.5rem .75rem;font-size:0.875rem;display:flex;align-items:center;gap:.5rem}
-#htmlEditor,#extensionHtmlEditor,#jsonSchemaEditor{outline:none;white-space:pre!important;font-size:11px;line-height:1.5}
+#htmlEditor,
+#extensionHtmlEditor,
+#jsonSchemaEditor{outline:none;white-space:pre!important;font-size:11px;line-height:1.5}
 :not(pre)>code{font-size:85%;padding:.2em .4em;margin:0;border-radius:6px;background-color:rgba(175,184,193,0.2)}