rstack-online/backlog/tasks/task-4 - Standardize-dark-t...

1.5 KiB

id title status assignee created_date labels dependencies priority
TASK-4 Standardize dark theme and emoji favicons across all r*Apps Done
2026-02-25 04:24
design-system
rstack
cross-repo
high

Description

Fix inconsistent backgrounds and missing emoji favicons across the r*.online ecosystem. Many apps were defaulting to white/light backgrounds (Next.js template defaults) instead of the rStack dark theme. Added emoji data URI favicons matching each app's identity.

Acceptance Criteria

  • #1 All r*Apps use dark background (#0f172a or equivalent)
  • #2 All r*Apps have emoji data URI favicons
  • #3 shadcn apps default to dark class on html element
  • #4 No white flash on page load

Final Summary

Fixed 12 repos:\n\nBackground fixes (light → dark):\n- rVote, rChats, rAuctions: Added className="dark" to <html> + changed :root to dark oklch values\n- rCal: bg-gray-50 → bg-gray-900\n- rFunds, rCart, rTube: :root --background #ffffff → #0f172a\n- rPubs: :root --background #fafaf8 → #0f172a with matching surface/border/muted colors\n- rTrips, rNotes: standardized #0a0a0a → #0f172a\n\nEmoji favicons added:\n- rVote 🗳️, rMaps 🗺️, rChats 💬, rAuctions 🔨, rCal 📅, rFunds 📊, rCart 🛒, rTube 🎬, rTrips ✈️, rNotes 📝, rInbox ✉️, rPubs 📰\n\nAll pushed to Gitea and deployed to Netcup.