itlxrd/psysonic
1
0
Fork 0
mirror of https://github.com/kilyabin/psysonic.git synced 2026-07-21 22:15:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #206 from kilyabin/add-fonts

Browse Source 
feat: fonts with cyrillic support
This commit is contained in:
Frank Stellmacher
2026-04-18 00:40:56 +02:00
committed by GitHub
parent 8e72e7084b 4f188be792
commit f30920bfeb
5 changed files with 39 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Settings.tsx
+4
View File
@@ -1812,6 +1812,8 @@ export default function Settings() {
{ id: 'lexend', label: 'Lexend' },
{ id: 'geist', label: 'Geist' },
{ id: 'jetbrains-mono', label: 'JetBrains Mono' },
{ id: 'golos-text', label: 'Golos Text' },
{ id: 'unbounded', label: 'Unbounded' },
] as { id: FontId; label: string }[]).find(f => f.id === fontStore.font)?.label ?? fontStore.font
}</span>
<ChevronDown size={14} style={{ color: 'var(--text-muted)', transform: fontPickerOpen ? 'rotate(180deg)' : 'none', transition: 'transform 0.2s' }} />
@@ -1832,6 +1834,8 @@ export default function Settings() {
{ id: 'lexend', label: 'Lexend', stack: "'Lexend Variable', sans-serif" },
{ id: 'geist', label: 'Geist', stack: "'Geist Variable', sans-serif" },
{ id: 'jetbrains-mono', label: 'JetBrains Mono', stack: "'JetBrains Mono Variable', monospace" },
{ id: 'golos-text', label: 'Golos Text', stack: "'Golos Text Variable', sans-serif" },
{ id: 'unbounded', label: 'Unbounded', stack: "'Unbounded Variable', sans-serif" },
] as { id: FontId; label: string; stack: string }[]
).map(f => (
<button
src/store/fontStore.ts
+1 -1
View File
@@ -1,7 +1,7 @@
import { create } from 'zustand';
import { persist } from 'zustand/middleware';
export type FontId = 'inter' | 'outfit' | 'dm-sans' | 'nunito' | 'rubik' | 'space-grotesk' | 'figtree' | 'manrope' | 'plus-jakarta-sans' | 'lexend' | 'geist' | 'jetbrains-mono';
export type FontId = 'inter' | 'outfit' | 'dm-sans' | 'nunito' | 'rubik' | 'space-grotesk' | 'figtree' | 'manrope' | 'plus-jakarta-sans' | 'lexend' | 'geist' | 'jetbrains-mono' | 'golos-text' | 'unbounded';
interface FontState {
font: FontId;
src/styles/theme.css
+12
View File
@@ -22,6 +22,8 @@
@import '@fontsource-variable/geist';
@import '@fontsource-variable/jetbrains-mono';
@import '@fontsource-variable/jetbrains-mono/wght-italic.css';
@import '@fontsource-variable/golos-text';
@import '@fontsource-variable/unbounded';
/* ─── Catppuccin Mocha Variables ─── */
:root,
@@ -6441,6 +6443,16 @@ input[type="range"]:hover::-webkit-slider-thumb {
--font-display: 'JetBrains Mono Variable', monospace;
}
[data-font='golos-text'] {
--font-sans: 'Golos Text Variable', system-ui, sans-serif;
--font-display: 'Golos Text Variable', sans-serif;
}
[data-font='unbounded'] {
--font-sans: 'Unbounded Variable', system-ui, sans-serif;
--font-display: 'Unbounded Variable', sans-serif;
}
/* ─── Equalizer bars animation ─── */
.eq-bar {
display: inline-block;