Feat: Apply Google Sans Code to UI

This commit is contained in:
2025-11-08 20:32:12 -08:00
parent d9d26adec4
commit e274c9f6a2

View File

@@ -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)}