feat(checkbox): add dark mode

varletjs · Nov 13, 2021 · cee8c2c · cee8c2c
1 parent 1a1fc57
commit cee8c2c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/packages/varlet-ui/src/checkbox-group/example/index.vue b/packages/varlet-ui/src/checkbox-group/example/index.vue
@@ -57,6 +57,7 @@ import AppType from '@varlet/cli/site/mobile/components/AppType'
 import { reactive, toRefs } from 'vue'
 import { watchLang } from '@varlet/cli/site/utils'
 import { use, pack } from './locale'
+import { watchDarkMode } from '../../utils/components'
 
 export default {
   name: 'CheckboxGroupExample',
@@ -81,6 +82,7 @@ export default {
     })
 
     watchLang(use)
+    watchDarkMode()
 
     return {
       pack,

diff --git a/packages/varlet-ui/src/themes/dark/checkbox.ts b/packages/varlet-ui/src/themes/dark/checkbox.ts
@@ -0,0 +1,3 @@
+export default {
+  '--checkbox-unchecked-color': '#fff',
+}
diff --git a/packages/varlet-ui/src/themes/dark/index.ts b/packages/varlet-ui/src/themes/dark/index.ts
@@ -16,6 +16,7 @@ import table from './talble'
 import input from './input'
 import select from './select'
 import radio from './radio'
+import checkbox from './checkbox'
 import { StyleVars } from '../../style-provider'
 
 export default {
@@ -47,4 +48,5 @@ export default {
   ...input,
   ...select,
   ...radio,
+  ...checkbox,
 } as StyleVars