vuejs/vuepress

Add dark mode

Open

#1865 opened on Sep 17, 2019

View on GitHub
 (38 comments) (80 reactions) (1 assignee)JavaScript (22,300 stars) (4,782 forks)batch import
contribution welcomegood first issuetype: feature request

Description

Feature request

What problem does this feature solve?

What does the proposed API look like?

How should this be implemented in your opinion?

Are you willing to work on this yourself?

Integration of Dark mode in Vuepress Docu

Contributor guide

Tech stack
javascriptvuecss
Domain
frontenddesignaccessibility
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
3-5 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
unclear
Prerequisites
Vue.jsCSSVuePress theming
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
Investigate VuePress's theming system, specifically how to override CSS variables for dark mode. Review comments in the issue for any proposed approaches or maintainer suggestions. Check if there are any existing dark mode plugins or themes. Consider using Vue's reactivity to toggle a 'dark' class on the root element and define corresponding CSS variables.