Skip to content

Dark mode: restore brand pastel pair on landing hero + cards#200

Merged
realmarcin merged 1 commit into
mainfrom
feat/dark-pastel-accents
Jul 5, 2026
Merged

Dark mode: restore brand pastel pair on landing hero + cards#200
realmarcin merged 1 commit into
mainfrom
feat/dark-pastel-accents

Conversation

@realmarcin

Copy link
Copy Markdown
Contributor

Small dark-mode refinement for the generated CommunityMech landing page: bring the brand pastel pair back into the dark theme.

What changed

In dark mode the hero previously rendered with the neutral dark tokens. This restores the brand pastel pair, dark-only and additively:

  • .hero — darkened pastel-pair fill (#574d5a → #485060) plus a thin full-strength pastel-pair top edge (#FBD3E3 → #CBDDF6) via border-image (the signature).
  • .card — subtle 2px pastel-pair top edge via a ::before bar, leaving the existing all-sides 1px border undisturbed.

Rules are mirrored under both dark selectors:

  • @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) … } (OS default)
  • :root[data-theme="dark"] … (toggle)

Files changed

  • src/communitymech/templates/landing.html
  • docs/index.html

Edited both identically (the added CSS is outside any Jinja logic, so the template and generated output stay in sync without a full gen-html run that would touch all community pages).

Verification

  • 16 insertions, 0 removals — purely additive.
  • All new rules live inside dark selectors, so the light theme is byte-identical.
  • --pastel-b / page background untouched — dark page stays dark.

Do not merge — leader merges.

🤖 Generated with Claude Code

Additive dark-only refinement of the CommunityMech landing page. In dark
mode the hero previously used the neutral dark tokens; restore the brand
pastel pair:

- .hero: darkened pastel-pair fill (#574d5a -> #485060) with a vivid
  full-strength pastel-pair top edge (#FBD3E3 -> #CBDDF6 via border-image).
- .card: subtle 2px pastel-pair top edge (::before, so the all-sides
  1px border is undisturbed).

Rules are mirrored under both the OS-default
(@media prefers-color-scheme:dark) and the toggle ([data-theme="dark"])
selectors. Edited the landing template and docs/index.html identically.
Light theme is byte-identical; --pastel-b/page background stays dark.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Copilot AI review requested due to automatic review settings July 5, 2026 08:10

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@realmarcin realmarcin merged commit d96ec4a into main Jul 5, 2026
@realmarcin realmarcin deleted the feat/dark-pastel-accents branch July 5, 2026 08:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants