mirror of
https://github.com/bookorbit/bookorbit.git
synced 2026-11-03 00:11:37 -06:00
feat(client): add horizon background and remove legacy patterns
This commit is contained in:
@@ -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%);
|
||||
|
||||
@@ -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)
|
||||
|
||||
Reference in New Issue
Block a user