Preview only — not applied globally.
Light Theme 1 · 2 · 3Light mode right now is a lot of plain white. This page proposes three ways to soften it with pink — Light Theme 1 is the original proposal, plus two new combinations in the same brand family. Accents stay #DE1D8D. Nothing outside /light-preview changes.
01 — the problem
Less glare, same site
Left is today's stark white. Right is Light Theme 1, the original pink-softened version of the same block. Same text, same pink — just an easier background.
Hi, I am Harsh
This is my place for thoughts, reflections and everything in between. Have a good read!
Hi, I am Harsh
This is my place for thoughts, reflections and everything in between. Have a good read!
02 — palettes
Three themes, one brand
Light Theme 1 keeps its exact values. Themes 2 and 3 stay in the pink family with the same #DE1D8D accents, but each has its own mood.
Light Theme 1 — Pink White — the original proposal, barely-pink calm
page #FDF2F7 · card #FFF7FA
Light Theme 2 — Rose Cream — deeper rose wash, coziest of the three
page #FBE4EC · card #FDF0F5
Light Theme 3 — Blush Sand — warm neutral with a kiss of pink, subtlest of the three
page #FAF4EE · card #FFF9F4
Brand accents (shared by all three)
unchanged hexes
03 — try them
One sample, three skins
Pick a tab to re-skin the full component set below — hero, nav, card, buttons, code, quote, links.
Showing Light Theme 1 — Pink White — the original proposal, barely-pink calm. Page #FDF2F7 · card #FFF7FA · border #F9D5E3.
Hero heading
Hi, I am Harsh
Nav link
Card + button
What I built
Side projects and experiments, with notes on what each one taught me.
Code block
// light theme 1 sample
const light = {
page: "#FDF2F7",
card: "#FFF7FA",
border: "#F9D5E3",
brand: "#DE1D8D", // unchanged
}Blockquote + link underline
“Make the background quiet so the words and the pink can be loud.”
Read more in the blog or browse projects.
04 — compare
Same card, three themes
The identical sample card rendered in each theme, side by side — the fastest way to feel the difference.
Hi, I am Harsh
Thoughts, reflections and everything in between.
What I built
View projects →“Quiet background, loud pink.”
Hi, I am Harsh
Thoughts, reflections and everything in between.
What I built
View projects →“Quiet background, loud pink.”
Hi, I am Harsh
Thoughts, reflections and everything in between.
What I built
View projects →“Quiet background, loud pink.”
What to look at 👀
- Theme 1 vs 2: is Rose Cream (#FBE4EC) cozy or too rosy for long reads?
- Theme 3: does Blush Sand (#FAF4EE) still feel pink enough, or does it read plain beige?
- Which card lifts best from its page: #FFF7FA, #FDF0F5, or #FFF9F4?
- Which border feels right: soft #F9D5E3, stronger #F2B8D0, or neutral #ECDACD?
- Is body text readable in all three? Any muted text too faint?
File: pages/light-preview.js · route /light-preview · delete the file to remove it. Dark mode is untouched by this proposal.