Merge branch 'develop' of github.com:recoluan/vuepress-theme-reco into develop

reco_luan · reco_luan · commit 7b4468b379db · 2020-07-26T22:12:51.000+08:00
diff --git a/packages/vuepress-theme-reco/components/Mode/applyMode.js b/packages/vuepress-theme-reco/components/Mode/applyMode.js
@@ -3,10 +3,14 @@ import modeOptions from './modeOptions'
 function render (mode) {
   const rootElement = document.querySelector(':root')
   const options = modeOptions[mode]
+  const opposite = mode === 'dark' ? 'light' : 'dark'
 
   for (const k in options) {
     rootElement.style.setProperty(k, options[k])
   }
+
+  rootElement.classList.remove(opposite)
+  rootElement.classList.add(mode)
 }
 
 /**

Original file line number	Diff line number	Diff line change
`@@ -3,10 +3,14 @@ import modeOptions from './modeOptions'`
`3`	`3`	`function render (mode) {`
`4`	`4`	`const rootElement = document.querySelector(':root')`
`5`	`5`	`const options = modeOptions[mode]`
	`6`	`+ const opposite = mode === 'dark' ? 'light' : 'dark'`
`6`	`7`
`7`	`8`	`for (const k in options) {`
`8`	`9`	`rootElement.style.setProperty(k, options[k])`
`9`	`10`	`}`
	`11`	`+`
	`12`	`+ rootElement.classList.remove(opposite)`
	`13`	`+ rootElement.classList.add(mode)`
`10`	`14`	`}`
`11`	`15`
`12`	`16`	`/**`