Fa'ailoga

E maua le FFFFinance ma 20+ fa'ailoga fausia mo le polokalame ma 8 fa'ailoga mo le upega tafa'ilagi pepa fa'amatalaga. Uma e mafai ona sui vave e aunoa ma se toe fa'aalia.

Fa'ailoga pogisa

Fa'ailoga	Lanu Accent	Lagona
Midnight	#00d4aa	Fa'aletonu — teal i le lanu uliuli toetoe. Mama, fa'apolofesa.
Cyberpunk	#ff00ff	Neon magenta i le navy pogisa. Fa'atusatusaga sili.
Tokyo Night	#7aa2f7	Lanu lanumoana-viole vaivai. Filemu le mafaufau.
Dracula	#bd93f9	Viole vaivai i le koale. E fiafia tagata fa'atinoina.
Nord	#88c0d0	Lanu lagi efuefu. Maalili ma la'ititi.
Catppuccin	#cba6f7	Pastel lavender. Mafanafana.

Fa'ailoga malamalama

Fa'ailoga	Lanu Accent	Lagona
Light	#00a889	Mama, manino, la'ititi.
Sepia	#704214	Pepa mafanafana. E pei o le faitauina o se tusi.

Mataitusi

Mataitusi	Ituaiga
JetBrains Mono	Fa'aletonu — monospace, numera manino
Fira Code	Monospace ma ligatures
Cascadia Code	Microsoft monospace ma ligatures
Geist Mono	Monospace a Vercel
IBM Plex Mono	Mono fa'atekinolosi masani
Space Mono	Monospace fa'ailoga
Inter	Proportional — sili atu le avanoa

Pe fa'apefea ona galue fa'ailoga

CSS custom properties e fa'aaoga i le document.documentElement:

// store/useThemeStore.ts
for (const [key, value] of Object.entries(theme.tokens)) {
  document.documentElement.style.setProperty(key, value);
}

O vaega uma e fa'aogaina le var(--accent), var(--bg), var(--text) — o le sui e vave, e leai se toe fa'aalia.

Fa'ailoga fa'ata'ita'iga

--accent       /* lanu accent autu */
--accent-dim   /* accent i le ~15% opacity */
--bg           /* lanu itulau */
--bg-panel     /* lanu panel */
--bg-hover     /* tulaga fa'apaepae */
--border       /* tapula'a fa'aletonu */
--text         /* tusitusiga autu */
--text-muted   /* tusitusiga lona lua */
--danger       /* #ef4444 */
--warning      /* #f59e0b */

Suia fa'ailoga

I le polokalame: Settings > Appearance tab. Vave.

I le pepa fa'amatalaga: Filifili fa'ailoga i le pa fa'agaioia i luga. E teu i lau browser.