feat: add new themes, Zed fonts, and sort theme/font lists

New themes added:
- Dark: Ayu Dark, Ayu Mirage, Ember, Matcha
- Light: Ayu Light, One Light, Bluloco, Feather

Other changes:
- Bundle Zed Sans and Zed Mono fonts from zed-industries/zed-fonts
- Sort font options alphabetically (default first)
- Sort theme options alphabetically (Dark/Light first)
- Improve Ayu Dark text contrast for better readability
- Fix Matcha theme to have green undertone instead of blue
This commit is contained in:
Stefan de Vogelaere
2026-01-17 01:58:29 +01:00
parent f3b00d0f78
commit 1a7bf27ead
33 changed files with 1904 additions and 224 deletions

View File

@@ -18,6 +18,10 @@
@custom-variant gray (&:is(.gray *));
@custom-variant forest (&:is(.forest *));
@custom-variant ocean (&:is(.ocean *));
@custom-variant ember (&:is(.ember *));
@custom-variant ayu-dark (&:is(.ayu-dark *));
@custom-variant ayu-mirage (&:is(.ayu-mirage *));
@custom-variant matcha (&:is(.matcha *));
/* Light themes */
@custom-variant cream (&:is(.cream *));
@@ -35,6 +39,10 @@
@custom-variant gruvboxlight (&:is(.gruvboxlight *));
@custom-variant nordlight (&:is(.nordlight *));
@custom-variant blossom (&:is(.blossom *));
@custom-variant ayu-light (&:is(.ayu-light *));
@custom-variant onelight (&:is(.onelight *));
@custom-variant bluloco (&:is(.bluloco *));
@custom-variant feather (&:is(.feather *));
@theme inline {
--color-background: var(--background);
@@ -372,6 +380,15 @@
body {
@apply bg-background text-foreground;
background-color: var(--background);
font-family: var(--font-sans);
}
/* Apply monospace font to code elements */
code,
pre,
kbd,
samp {
font-family: var(--font-mono);
}
/* Text selection styling for readability */