histoire-dev / histoire-dev/histoire

Example does not work in dark mode

Open
#794 0 comments 0 reactions 0 assignees View on GitHub
to triage
Dominant language
TypeScript
Stars
3.6k
Forks
212
PR merge metrics
No merged PRs in 30d

Description

### Describe the bug

This example uses white-on-white text which is difficult to read.

![Image](https://github.com/user-attachments/assets/717be7d6-049a-4194-8557-f71f80c1f89e)

### Reproduction

Enable dark mode on computer.

Access https://vue3.examples.histoire.dev/story/src-components-eventbutton-story-vue?variantId=_default

### System Info

```shell
N/A. Using Chrome web browser.
```

### Used Package Manager

npm

### Validations

- [x] Follow our [Code of Conduct](https://github.com/histoire-dev/histoire/blob/main/CODE_OF_CONDUCT.md)
- [x] Read the [Contributing Guidelines](https://github.com/histoire-dev/histoire/blob/main/CONTRIBUTING.md).
- [x] Read the [docs](https://histoire.dev/guide/).
- [x] Check that there isn't [already an issue](https://github.com/histoire-dev/histoire/issues) that reports the same bug to avoid creating a duplicate.
- [x] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/histoire-dev/histoire/discussions).
- [x] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.

Contributor guide

Open the contributing guide

Research direction

Start by opening the provided EventButton story reproduction in Chrome with dark mode enabled and locate the source for story/src-components-eventbutton-story-vue. Compare the example's text and background colors in dark mode. Done means the example's text is readable without white-on-white contrast.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.