feat(frontend): switch the default site accent from cyan to emerald

Recolor the site-level --color-ice default and glow from #5cc8e7 to #34d399
and align the decorative VoxelScene/ParticleField accent and the DevTools
greeting. ClickGui/mod theme accents (classic preset) are left untouched; the
avatar success notice now reads as positive green via tone=success.
This commit is contained in:
loki5512344 2026-09-29 10:14:18 +02:00
parent e8b77fb0a5
commit eb854c32da
Signed by: boba
GPG key ID: 253067914055423B
5 changed files with 7 additions and 7 deletions

View file

@ -9,7 +9,7 @@
--color-shoal: #1f3238; --color-shoal: #1f3238;
--color-frost: #9fb3b0; --color-frost: #9fb3b0;
--color-snow: #eef5f3; --color-snow: #eef5f3;
--color-ice: #5cc8e7; --color-ice: #34d399;
--color-ember: #e8835a; --color-ember: #e8835a;
--font-display: "Unbounded Variable", system-ui, sans-serif; --font-display: "Unbounded Variable", system-ui, sans-serif;
@ -29,12 +29,12 @@
@property --color-ice { @property --color-ice {
syntax: "<color>"; syntax: "<color>";
inherits: true; inherits: true;
initial-value: #5cc8e7; initial-value: #34d399;
} }
@property --page-accent-glow { @property --page-accent-glow {
syntax: "<color>"; syntax: "<color>";
inherits: true; inherits: true;
initial-value: rgb(92 200 231 / 0.35); initial-value: rgb(52 211 153 / 0.35);
} }
@layer base { @layer base {

View file

@ -4,7 +4,7 @@ import { VoxelScene } from '@features/landing/effects/VoxelScene'
import { SlotGrid } from '@features/configs/components/SlotGrid' import { SlotGrid } from '@features/configs/components/SlotGrid'
import { PageTitle } from '@shared/layout/PageTitle' import { PageTitle } from '@shared/layout/PageTitle'
const ACCENT = 'rgb(92, 200, 231)' const ACCENT = 'rgb(52, 211, 153)'
export default function ConfigsPage() { export default function ConfigsPage() {
const { t } = useTranslation('configs') const { t } = useTranslation('configs')

View file

@ -3,7 +3,7 @@ import { ParticleField } from '@features/landing/effects/ParticleField'
import { VoxelScene } from '@features/landing/effects/VoxelScene' import { VoxelScene } from '@features/landing/effects/VoxelScene'
import { ListingDetail } from '@features/showcase/components/ListingDetail' import { ListingDetail } from '@features/showcase/components/ListingDetail'
const ACCENT = 'rgb(92, 200, 231)' const ACCENT = 'rgb(52, 211, 153)'
export default function ListingPage() { export default function ListingPage() {
const { id } = useParams<{ id: string }>() const { id } = useParams<{ id: string }>()

View file

@ -4,7 +4,7 @@ import { VoxelScene } from '@features/landing/effects/VoxelScene'
import { ListingList } from '@features/showcase/components/ListingList' import { ListingList } from '@features/showcase/components/ListingList'
import { PageTitle } from '@shared/layout/PageTitle' import { PageTitle } from '@shared/layout/PageTitle'
const ACCENT = 'rgb(92, 200, 231)' const ACCENT = 'rgb(52, 211, 153)'
export default function ShowcasePage() { export default function ShowcasePage() {
const { t } = useTranslation('showcase') const { t } = useTranslation('showcase')

View file

@ -2,7 +2,7 @@ import { LOGO_ART } from './art.generated'
export function printConsoleGreeting(lang: string): void { export function printConsoleGreeting(lang: string): void {
const ru = lang.startsWith('ru') const ru = lang.startsWith('ru')
console.log(`%c${LOGO_ART}`, 'color:#5cc8e7;font-family:monospace;font-weight:bold') console.log(`%c${LOGO_ART}`, 'color:#34d399;font-family:monospace;font-weight:bold')
console.log( console.log(
`%c${ru ? 'Открыл DevTools? Значит, тебе тут рады.' : 'Opened DevTools? You are welcome here.'}`, `%c${ru ? 'Открыл DevTools? Значит, тебе тут рады.' : 'Opened DevTools? You are welcome here.'}`,
'color:#eef5f3;font-size:13px', 'color:#eef5f3;font-size:13px',