Kaupapa

Kua tae mai a FFFFinance me ngā kaupapa 20+ kua oti te hanga mō te taupānga me ngā kaupapa 8 mō te paetukutuku tuhinga. Ka taea te huri katoa i te wā tūturu kāore he whakaahua-anō.

Kaupapa pōuri

Kaupapa	Tae Tohu	Āhua
Midnight	#00d4aa	Tautuhinga — kikorangi-matomato i runga pango-tata. Mā, ngaio.
Cyberpunk	#ff00ff	Neon whero-waiporoporo i runga taiapa pōuri. Rerekētanga nui rawa.
Tokyo Night	#7aa2f7	Kikorangi-waiporoporo pōkerekere. Āhua ata.
Dracula	#bd93f9	Waiporoporo ngāwari i runga waro. Makau kaihanga.
Nord	#88c0d0	Kikorangi-kerei ākitiki. Mātao me te iti.
Catppuccin	#cba6f7	Tae tūrehu. Mahana.

Kaupapa mārama

Kaupapa	Tae Tohu	Āhua
Light	#00a889	Mā, tino, iti.
Sepia	#704214	Pepa mahana. Pērā i te pānui pukapuka.

Momotuhi

Momotuhi	Kāhua
JetBrains Mono	Tautuhinga — monowhiti, tau tino
Fira Code	Monowhiti me ngā hononga tuhinga
Cascadia Code	Monowhiti Microsoft me ngā hononga tuhinga
Geist Mono	Monowhiti Vercel
IBM Plex Mono	Monowhiti ngaio tawhito
Space Mono	Monowhiti ineinga
Inter	Ōwehenga — nui ake te mokowā

Te āhua o te mahi o ngā kaupapa

Ka whakamahia ngā āhuatanga CSS ritenga ki document.documentElement:

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

Ka whakamahi ia wāhanga i te var(--accent), var(--bg), var(--text) — ka tere te huri, kāore he whakaahua-anō.

Tōkena hoahoa

--accent       /* tae tohu matua */
--accent-dim   /* tohu i te ~15% kitenga */
--bg           /* papamuri whārangi */
--bg-panel     /* papamuri pae */
--bg-hover     /* āhua ānau */
--border       /* taitapa tautuhinga */
--text         /* tuhinga matua */
--text-muted   /* tuhinga tuarua */
--danger       /* #ef4444 */
--warning      /* #f59e0b */

Huri kaupapa

I te taupānga: Tautuhinga > ripa Āhua. Tere.

I ngā tuhinga: Kōwhiri kaupapa taka-iho i te pae whakatere i runga. Ka puritia ki tō tirotiro.