Skip to content

Simple guide · Public product

Page status: Active

NutsNews Public Pages Theme Consistency

This update makes the public secondary pages follow the same live theme system as the home feed.

Visual overview

Primary diagram

System map

This update makes the public secondary pages follow the same live theme system as the home feed.

Render the repository-owned system map when you need it.

Diagram is not rendered yet.

View as text
NutsNews Public Pages Theme Consistency

This update makes the public secondary pages follow the same live theme system as the home feed.

flowchart TD
  accTitle: NutsNews Public Pages Theme Consistency
  accDescr {
    This update makes the public secondary pages follow the same live theme system as the home feed.
  }
  A[User changes theme in ThemeSwitcher] --> B[Theme tokens update in shared theme system]
  B --> C[Public pages consume theme tokens]
  C --> D[Home feed and public pages share active visual system]
  D --> E[Layout and content structure remain unchanged]

NutsNews Public Pages Theme Consistency

Fullscreen diagram view.

This update makes the public secondary pages follow the same live theme system as the home feed.

  • About page now uses the active NutsNews theme instead of hard-coded amber styling.
  • Privacy page now uses the active NutsNews theme instead of hard-coded amber styling.
  • Contact page and contact form now use the active theme so the public site feels consistent.
  • Article detail pages now use the active theme for their shell, cards, buttons, and text.
  • Shared CSS overrides keep the existing page layout/content intact while mapping old amber utility classes to the active theme variables.

The existing gear theme switcher remains global. When a user selects Amber, Modern SaaS, Creative Premium, or Moody Cyberpunk, public pages now visually follow that same selection.