LoVisual/frontend/src/pages/app/ConfigsPage.tsx
loki5512344 3f679b83f6
feat(frontend): default site theme to Amber instead of Classic
New visitors (no saved lv_theme) now get the Amber accent; reconciled the
static CSS accent, demo scene colors and console greeting to match so there
is no blue/emerald flash before the theme provider applies. Updated the
default-theme assertions in the theme tests.
2026-09-29 10:55:18 +02:00

34 lines
1.3 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import { useTranslation } from 'react-i18next'
import { ParticleField } from '@features/landing/effects/ParticleField'
import { VoxelScene } from '@features/landing/effects/VoxelScene'
import { SlotGrid } from '@features/configs/components/SlotGrid'
import { PageTitle } from '@shared/layout/PageTitle'
const ACCENT = 'rgb(230, 154, 67)'
export default function ConfigsPage() {
const { t } = useTranslation('configs')
return (
<section className="lv-bleed relative isolate -mt-(--topbar-h) flex min-h-svh flex-col gap-8 overflow-hidden pt-(--topbar-h) pb-16">
<div aria-hidden="true" className="absolute inset-0 -z-10 opacity-40">
<VoxelScene accent={ACCENT} />
</div>
<div aria-hidden="true" className="absolute inset-0 -z-10 bg-abyss/70" />
<ParticleField color={ACCENT} className="opacity-50" />
<div className="relative mx-auto flex w-full max-w-[1120px] flex-col gap-8 px-4 pt-12 sm:px-6">
<PageTitle
lead={
<>
{t('page.leadBefore')} <code className="font-code text-ice">%config save &lt;слот&gt;</code>
{t('page.leadAfter')}
</>
}
>
{t('page.title')}
</PageTitle>
<SlotGrid />
</div>
</section>
)
}