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.

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions