docs: add dark mode document #509
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
| </body> | ||
| ``` | ||
|
|
||
| <p class="noteBox info">By default, without the <code>dark</code> class on the page, the dark mode classes will not be applied (even if the user has the dark mode scheme enabled). You would need to add the <code>dark</code> class to your website to "enable" the dark mode classes. Read the <a href="#enabling-dark-mode">Enabling Dark Mode</a> section for tips on how to add the class to your project.</p> |
There was a problem hiding this comment.
we could also add an example that does the var changes in css eg
/* overrides for dark mode */
.dark {
--background-color: #333;
--text-color: #fff;
}
There was a problem hiding this comment.
I was thinking about that but it's annoying when the override styles have to be duplicated in the style sheet.
I confirm that this contribution is made under a BSD license and that I have the authority necessary to make this contribution on behalf of its copyright owner.
Add dark mode guide for users.