tamjid
Dark mode
Theme · dark

The mark was built for this.

Dark mode isn’t a second logo — it’s the same files with the color tokens flipped. The mark’s T is a real transparent cut-out, so it inverts on its own. Only one thing actually needs a tweak: the accent, when it’s used as a link.

The same system, dark

Welcome back

Sign in to basha.cloud
you@tamjid.io
••••••••
Continue
Mark — reversed
currentColor → #F2EEE8
favicon — unchanged
Wordmark
basha cloud
01

Three rules

01 · adapts free

The mark inverts itself

Set color:#F2EEE8 and the same SVG becomes a light tile with the dark page showing through the T. No dark asset to maintain.

02 · stays put

The favicon doesn’t flip

The solid terracotta tile keeps its silhouette on light and dark browser chrome — so it’s the one asset that ignores the theme.

03 · lifts a step

The accent brightens for links

Terracotta #BB5A3C only hits 3.9:1 on dark — fine as a button fill with white text, too dim as a link. Links lift to #C56A4A.

basha.cloud3.9:1 · fail
basha.cloud4.7:1 · AA
02

Token map · light → dark

Role
Light
Dark
Background
#FFFFFF
#1A1715
Surface / card
#FAF7F4
#232019
Border
#E4E6EC
#322D28
Heading text
#14161B
#F2EEE8
Body text
#5B6273
#ABA49B
Accent — button fill
#BB5A3C
#BB5A3C (same)
Accent — link / text
#BB5A3C
#C56A4A (lifted)

Why two accents? White text needs the darker terracotta under it to stay legible (4.5:1), but terracotta-as-text needs the lighter one to read on a dark background. The button keeps the original; only links shift. Everything here clears WCAG AA.