Skip to content

Commit 8128b6d

Browse files
committed
feat(theme): lime dark variant for illustration-2; tune github dark mark
- Add illustration-2.dark.svg — a clone of the light vector recolored from #9C7979 (rose) to #e6f59f (lime brand accent) — and wire it into SplitLayout via ThemedImage's optimistic dark source (falls back to light if absent). - Adjust the github.dark.png dark-mode mark.
1 parent 26cbc40 commit 8128b6d

4 files changed

Lines changed: 12 additions & 6 deletions

File tree

app/layouts/split.layout.tsx

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { BrandLogo } from '@/components/brand-logo/brand-logo';
22
import { ThemedImage } from '@/components/themed-image/themed-image';
33
import type { BrandingTheme } from '@/modules/auth/types';
4-
import { assetUrl } from '@/utils/asset-url';
4+
import { assetUrl, darkAssetUrl } from '@/utils/asset-url';
55
import { Avatar, AvatarFallback, AvatarImage } from '@datum-cloud/datum-ui/avatar';
66
import { LinkButton } from '@datum-cloud/datum-ui/button';
77
import { Icon } from '@datum-cloud/datum-ui/icons';
@@ -75,10 +75,11 @@ export default function SplitLayout({
7575
object-contain keeps the line-art crisp/uncropped while it scales down into the
7676
115px box. Design note (asset pending): replace with a vector (SVG) or AVIF source — a designer
7777
asset is still needed; this raster is the only source that currently exists.
78-
Dark mode (#9C7979 rose line-art on the dark panel): the seam is wired — once
79-
/images/illustration-2.dark.svg exists, pass dark={darkAssetUrl('/images/illustration-2.svg')}. */}
78+
Dark mode swaps to illustration-2.dark.svg, recolored to the lime brand
79+
accent (#e6f59f); the dark source is optimistic and falls back to light if absent. */}
8080
<ThemedImage
8181
light={assetUrl('/images/illustration-2.svg')}
82+
dark={darkAssetUrl('/images/illustration-2.svg')}
8283
alt=""
8384
aria-hidden="true"
8485
width={232}

app/modules/i18n/locales/en.po

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -437,7 +437,7 @@ msgstr "Phone sign-in isn't available — use your email or username."
437437
msgid "Please check your input and try again."
438438
msgstr "Please check your input and try again."
439439

440-
#: app/layouts/split.layout.tsx:101
440+
#: app/layouts/split.layout.tsx:102
441441
msgid "Prefer a demo instead? Just <0>reach out</0>."
442442
msgstr "Prefer a demo instead? Just <0>reach out</0>."
443443

@@ -598,7 +598,7 @@ msgstr "Something went wrong. Please try again."
598598
msgid "Start over"
599599
msgstr "Start over"
600600

601-
#: app/layouts/split.layout.tsx:113
601+
#: app/layouts/split.layout.tsx:114
602602
msgid "Thanks,"
603603
msgstr "Thanks,"
604604

@@ -688,7 +688,7 @@ msgstr "Use your security key to verify your identity."
688688
msgid "Username"
689689
msgstr "Username"
690690

691-
#: app/layouts/split.layout.tsx:91
691+
#: app/layouts/split.layout.tsx:92
692692
msgid "Using Datum requires setting up a billing account, but to help you explore without cost, we add <0>$50 USD</0> in credit on signup."
693693
msgstr "Using Datum requires setting up a billing account, but to help you explore without cost, we add <0>$50 USD</0> in credit on signup."
694694

public/images/idps/github.dark.png

100755100644
-2.05 KB
Loading

public/images/illustration-2.dark.svg

Lines changed: 5 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)