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

34 lines
1.5 KiB
Markdown

---
id: TASK-4
title: Standardize dark theme and emoji favicons across all r*Apps
status: Done
assignee: []
created_date: '2026-02-25 04:24'
labels:
- design-system
- rstack
- cross-repo
dependencies: []
priority: high
---
## Description
<!-- SECTION:DESCRIPTION:BEGIN -->
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.
<!-- SECTION:DESCRIPTION:END -->
## Acceptance Criteria
<!-- AC:BEGIN -->
- [ ] #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
<!-- AC:END -->
## Final Summary
<!-- SECTION:FINAL_SUMMARY:BEGIN -->
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.
<!-- SECTION:FINAL_SUMMARY:END -->