Skip to content

[good first issue] Add dark-mode screenshots to README via <picture> tag #8

Description

@GoDiao

Background

README.md and README_en.md currently embed light-mode screenshots only (assets/main.png, setting_*.png). For users browsing GitHub in dark mode, the page looks jarring.

Tasks

  • Switch to Midnight or Cold Slate theme inside DreamCoder
  • Take 4 screenshots that mirror the existing ones: main view, Computer Use settings, Provider settings, Skills settings
  • Save them under assets/dark/ with matching filenames
  • Update both READMEs to use:
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="./assets/dark/main.png" />
  <img src="./assets/main.png" alt="Main UI" />
</picture>

Files

  • README.md, README_en.md, assets/

Difficulty / Estimate

⭐ — ~30 minutes once you have the app running.

Mentor

Ping maintainer if you're not sure which screen states to capture.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions