Background
While working on getting night mode enabled for Wikistories we discussed a situation where Wikistories highlights text in yellow. In this situation the night mode should mimic light mode. This is also likely to be necessary for the reference preview in the mobile site, which always uses the night theme.
Ideally, it should be as simple as adding the rule color-scheme: light; to the content or adding a class.
Perhaps for background and color in particular we may want to define https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark
We may need direct access to night mode / light mode design tokens. e.g. var( --color-base-night ) and var( --color-base-light )
Current and proposed:
User story
As an editor I want to be able to markup my content as light-theme only, in situations where no night mode is provided and I don't plan to provide one.
Requirements
- As an editor I can mark my content up in such a way that it gets the light mode theme
- As an editor I can mark my content up in such a way that it gets the night mode theme
Acceptance criteria
- A CSS class or CSS variable is provided that converts my content to night mode.
- Submit patches for anything blocked on this ticket (https://codesearch.wmcloud.org/search/?q=T358826+&files=&excludeFiles=&repos=)