feat(client): add horizon background and remove legacy patterns

This commit is contained in:
neon
2026-02-06 00:19:40 -06:00
parent 68a51e52c0
commit 00a333d4f1
3 changed files with 7 additions and 2 deletions
+4
View File
@@ -732,6 +732,10 @@ html.radius-pill {
radial-gradient(ellipse 40% 35% at 50% 0%, color-mix(in oklch, var(--primary) 8%, transparent), transparent 100%);
}
.pattern-horizon {
background-image: linear-gradient(180deg, transparent 0%, color-mix(in oklch, var(--primary) 8%, transparent) 50%, transparent 100%);
}
.glow-wrapper {
background-image:
url('/topbar.png'), radial-gradient(50% 50% at center -25px, color-mix(in oklch, var(--primary) 35%, transparent) 0%, transparent 100%);
+2 -1
View File
@@ -37,7 +37,7 @@ export type Accent =
| 'orchid'
| 'blush'
export type Radius = 'sharp' | 'default' | 'rounded' | 'pill'
export type Background = 'none' | 'dots' | 'cross' | 'gradient' | 'aurora'
export type Background = 'none' | 'dots' | 'cross' | 'gradient' | 'aurora' | 'horizon'
export const ACCENT_VIVID: { id: Accent; label: string; color: string }[] = [
{ id: 'rose', label: 'Rose', color: '#e11d48' },
@@ -90,6 +90,7 @@ export const BACKGROUND_OPTIONS: { id: Background; label: string; cssClass: stri
{ id: 'cross', label: 'Cross', cssClass: 'pattern-cross' },
{ id: 'gradient', label: 'Gradient', cssClass: 'pattern-gradient' },
{ id: 'aurora', label: 'Aurora', cssClass: 'pattern-aurora' },
{ id: 'horizon', label: 'Horizon', cssClass: 'pattern-horizon' },
]
const ACCENT_IDS = ACCENT_OPTIONS.map((a) => a.id)