Skip to content

Update dark mode section#108

Open
galactic-magpie wants to merge 1 commit into
mainfrom
jde-update-ui-simulator-docs
Open

Update dark mode section#108
galactic-magpie wants to merge 1 commit into
mainfrom
jde-update-ui-simulator-docs

Conversation

@galactic-magpie
Copy link
Copy Markdown
Contributor

Closes #

💸 TL;DR

The UI Simulator color scheme toggle temporarily forces the color scheme of the webview dialog, overriding the user's reddit theme to enable the dev to view their app in light and dark mode. This only works if the app has colors set for dark mode. Previous docs version only provided an example of doing this via CSS media query; this PR just adds an example of using Tailwind's dark class, which is essentially the same thing, but aligns more with our app templates.
(All our app templates should already have this dark class built in to the basic UI, and devs will need to add it to all additional UI)

📜 Details

Design Doc

Jira

🧪 Testing Steps / Validation

✅ Checks

  • CI tests (if present) are passing
  • Adheres to code style for repo
  • Contributor License Agreement (CLA) completed if not a Reddit employee
Screenshot 2026-05-12 at 5 05 08 PM

@galactic-magpie galactic-magpie requested review from a team and stacy-qqq May 12, 2026 21:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant