From eb854c32da1482a8227823d9cd3e91937c77baed Mon Sep 17 00:00:00 2001 From: loki5512344 Date: Tue, 29 Sep 2026 10:14:18 +0200 Subject: [PATCH] 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. --- frontend/src/index.css | 6 +++--- frontend/src/pages/app/ConfigsPage.tsx | 2 +- frontend/src/pages/showcase/ListingPage.tsx | 2 +- frontend/src/pages/showcase/ShowcasePage.tsx | 2 +- frontend/src/shared/easter/consoleGreeting.ts | 2 +- 5 files changed, 7 insertions(+), 7 deletions(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 6b1470e..34d11b1 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -9,7 +9,7 @@ --color-shoal: #1f3238; --color-frost: #9fb3b0; --color-snow: #eef5f3; - --color-ice: #5cc8e7; + --color-ice: #34d399; --color-ember: #e8835a; --font-display: "Unbounded Variable", system-ui, sans-serif; @@ -29,12 +29,12 @@ @property --color-ice { syntax: ""; inherits: true; - initial-value: #5cc8e7; + initial-value: #34d399; } @property --page-accent-glow { syntax: ""; inherits: true; - initial-value: rgb(92 200 231 / 0.35); + initial-value: rgb(52 211 153 / 0.35); } @layer base { diff --git a/frontend/src/pages/app/ConfigsPage.tsx b/frontend/src/pages/app/ConfigsPage.tsx index 97d8208..e3c4e4c 100644 --- a/frontend/src/pages/app/ConfigsPage.tsx +++ b/frontend/src/pages/app/ConfigsPage.tsx @@ -4,7 +4,7 @@ import { VoxelScene } from '@features/landing/effects/VoxelScene' import { SlotGrid } from '@features/configs/components/SlotGrid' import { PageTitle } from '@shared/layout/PageTitle' -const ACCENT = 'rgb(92, 200, 231)' +const ACCENT = 'rgb(52, 211, 153)' export default function ConfigsPage() { const { t } = useTranslation('configs') diff --git a/frontend/src/pages/showcase/ListingPage.tsx b/frontend/src/pages/showcase/ListingPage.tsx index 7ad4c5c..5e4f424 100644 --- a/frontend/src/pages/showcase/ListingPage.tsx +++ b/frontend/src/pages/showcase/ListingPage.tsx @@ -3,7 +3,7 @@ import { ParticleField } from '@features/landing/effects/ParticleField' import { VoxelScene } from '@features/landing/effects/VoxelScene' import { ListingDetail } from '@features/showcase/components/ListingDetail' -const ACCENT = 'rgb(92, 200, 231)' +const ACCENT = 'rgb(52, 211, 153)' export default function ListingPage() { const { id } = useParams<{ id: string }>() diff --git a/frontend/src/pages/showcase/ShowcasePage.tsx b/frontend/src/pages/showcase/ShowcasePage.tsx index f32ed14..c0af471 100644 --- a/frontend/src/pages/showcase/ShowcasePage.tsx +++ b/frontend/src/pages/showcase/ShowcasePage.tsx @@ -4,7 +4,7 @@ import { VoxelScene } from '@features/landing/effects/VoxelScene' import { ListingList } from '@features/showcase/components/ListingList' import { PageTitle } from '@shared/layout/PageTitle' -const ACCENT = 'rgb(92, 200, 231)' +const ACCENT = 'rgb(52, 211, 153)' export default function ShowcasePage() { const { t } = useTranslation('showcase') diff --git a/frontend/src/shared/easter/consoleGreeting.ts b/frontend/src/shared/easter/consoleGreeting.ts index 62f82a4..3716b97 100644 --- a/frontend/src/shared/easter/consoleGreeting.ts +++ b/frontend/src/shared/easter/consoleGreeting.ts @@ -2,7 +2,7 @@ import { LOGO_ART } from './art.generated' export function printConsoleGreeting(lang: string): void { 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( `%c${ru ? 'Открыл DevTools? Значит, тебе тут рады.' : 'Opened DevTools? You are welcome here.'}`, 'color:#eef5f3;font-size:13px',