diff --git a/example/themes/driver-variables.styl b/example/themes/driver-variables.styl
index 67c349f..319ebec 100644
--- a/example/themes/driver-variables.styl
+++ b/example/themes/driver-variables.styl
@@ -1,6 +1,6 @@
 @require '~@mpxjs/mpx-cube-ui/src/common/stylus/theme/var/size.styl'
 @require '~@mpxjs/mpx-cube-ui/src/common/stylus/theme/var/color.styl'
-@require './driver/var/color.styl'
+@require './driver/color.styl'
 
 .theme-driver {
   // button
diff --git a/example/themes/driver/var/color.styl b/example/themes/driver/color.styl
similarity index 100%
rename from example/themes/driver/var/color.styl
rename to example/themes/driver/color.styl
diff --git a/example/themes/driver/components/button.styl b/example/themes/driver/components/button.styl
deleted file mode 100644
index bffd870..0000000
--- a/example/themes/driver/components/button.styl
+++ /dev/null
@@ -1,11 +0,0 @@
-// button
-$btn-bgc = linear-gradient(-49deg, $color-default-blue-start 0%, $color-default-blue-end 100%)
-
-// btn-primary
-$btn-primary-bgc = linear-gradient(-45deg, $color-primary-orange-start 0%, $color-primary-orange-end 100%)
-
-// btn-disabled
-$btn-disabled-color = $color-white-opacity
-
-// btn-light（司机端目前 light 样式，暂时复用 primary 样式）
-$btn-light-bgc = linear-gradient(-45deg, $color-primary-orange-start 0%, $color-primary-orange-end 100%)
diff --git a/example/themes/driver/components/checkbox-modal.styl b/example/themes/driver/components/checkbox-modal.styl
deleted file mode 100644
index 59936a0..0000000
--- a/example/themes/driver/components/checkbox-modal.styl
+++ /dev/null
@@ -1,10 +0,0 @@
-// @type body
-$checkbox-modal-body-padding-right = 0 - $modal-body-padding-right
-
-// @type subtitle
-$checkbox-modal-subtitle-padding-right = $modal-body-padding-right
-$checkbox-modal-subtitle-color = #757575
-
-// @type checkbox
-$checkbox-modal-item-padding-right = $modal-body-padding-right
-$checkbox-modal-item-border-color = #e1e2e6
diff --git a/example/themes/driver/components/checkbox.styl b/example/themes/driver/components/checkbox.styl
deleted file mode 100644
index c8004b1..0000000
--- a/example/themes/driver/components/checkbox.styl
+++ /dev/null
@@ -1,51 +0,0 @@
-// checkbox-checked-color
-$checkbox-checked-color = $color-primary
-
-// checkbox size
-$checkbox-ui-round-width = 20px
-$checkbox-ui-round-height = $checkbox-ui-round-width
-$checkbox-ui-square-width = 18px
-$checkbox-ui-square-height = $checkbox-ui-square-width
-$checkbox-ui-width = $checkbox-ui-round-width
-$checkbox-ui-height = $checkbox-ui-round-height
-$checkbox-inner-ui-width = 7px
-$checkbox-inner-ui-height = 4px
-
-// checkbox border
-$checkbox-ui-round-border = 1px solid #C8C9CC
-$checkbox-ui-square-border = 1px solid #C8C9CC
-$checkbox-ui-round-border_disabled = 2px solid $color-disabled
-$checkbox-ui-square-border_disabled = 1px solid $color-disabled
-$checkbox-ui-round-border_checked = 2px solid $color-primary
-$checkbox-ui-square-border_checked = none
-$cube-checkbox-ui_checked = 2px solid $color-primary
-$checkbox-inner-ui-border = 2px solid $color-primary
-
-// background
-$checkbox-ui-round-bgc = #FAFAFA
-$checkbox-ui-square-bgc = $color-primary
-$checkbox-ui-round-bgc_disabled = $fill-bgc
-$checkbox-ui-square-bgc_disabled = $fill-bgc
-$checkbox-ui-round-bgc_checked = #FFF8F4
-$checkbox-ui-square-bgc_checked = $color-primary
-$checkbox-ui-round-bgimg = url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzYgMzYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNmZjdlMzM7c3Ryb2tlLXdpZHRoOjQiIGQ9Im03LjUgMTUuMyA4LjMgOC4xTDI4LjUgMTEiLz48L3N2Zz4=')
-$checkbox-ui-square-bgimg = url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcgMTcuMTc3IDIuNTA4LTEuMjYgNS43NjkgNC4zMjhMMjYuODggOWgzLjE5MUwxNi4yNDQgMjggNyAxNy4xNzdaIiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=')
-
-// radius
-$checkbox-ui-square-radius = 4px
-$checkbox-ui-round-radius = 50%
-
-// checkbox margin
-$checkbox-label-mr_left = 10px
-$checkbox-label-mr_right = 28px
-$checkbox-ui-margin = 0 0 0 10px
-$checkbox-ui-margin-right = 10px
-$checkbox-ui-round-margin-right = 10px
-$checkbox-ui-square-margin-right = 10px
-$checkbox-margin-left = 10px
-
-// checkbox label padding
-$checkbox-label-padding = 10px 0
-
-// transition
-$checkbox-inner-ui-transition = transform .2s
diff --git a/example/themes/driver/components/dialog.styl b/example/themes/driver/components/dialog.styl
deleted file mode 100644
index 01af47f..0000000
--- a/example/themes/driver/components/dialog.styl
+++ /dev/null
@@ -1,81 +0,0 @@
-vendors = official
-// https://stylus-lang.com/docs/keyframes.html#expansion
-
-$dialog-container-width = 270px
-$dialog-container-border-radius = 2px
-$dialog-bgc = $color-white
-$dialog-btn-secondary-highlight-active-bgc = rgba(252, 145, 83, .04)
-
-// icon
-$dialog-icon-bgc = $color-background
-$dialog-icon-container-margin-top = 20px
-$dialog-icon-container-margin-bottom = 16px
-$dialog-icon-container-width = 30px
-$dialog-icon-container-height = 30px
-$dialog-icon-container-padding = 10px
-$dialog-icon-container-border-radius = 50%
-
-// title
-$dialog-icon-next-title-margin-top = 0px
-$dialog-title-default-margin-top = 25px
-$dialog-title-default-margin-left = 16px
-$dialog-title-default-margin-right = 16px
-$dialog-title-default-margin-bottom = 0
-$dialog-title-color = $color-biz-dark-grey
-$dialog-title-margin-top = 24px
-$dialog-title-def-color = $color-dark-grey-s
-$dialog-title-def-font-size = $font-size-3xl
-$dialog-title-def-line-height = 25px
-
-// content
-$dialog-icon-next-content-margin-top = -4px
-$dialog-title-next-content-margin-top = 12px
-$dialog-content-container-margin = 16px 0
-$dialog-content-container-line-height = 22px
-$dialog-content-def-padding = 0 25px
-$dialog-content-next-input-margin-top = 12px
-$dialog-content-color = $color-dark-grey-s
-$dialog-content-margin-top = 10px
-$dialog-content-margin-bottom = 20px
-$dialog-content-def-text-align = justify
-
-// button
-$dialog-button-padding = 17px 10px
-$dialog-btn-color = $color-primary
-$dialog-btn-bgc = $color-white
-$dialog-btn-active-bgc = $color-light-grey-opacity
-$dialog-btn-highlight-color = $color-primary
-$dialog-btn-highlight-active-bgc = $dialog-btn-secondary-highlight-active-bgc
-$dialog-btn-disabled-color = $text-color-hint
-$dialog-btn-disabled-active-bgc = transparent
-$dialog-btns-split-color = $border-color-normal
-$dialog-btn-line-height = 21px
-
-
-// close
-$dialog-close-width = 32px
-$dialog-close-height = 32px
-$dialog-close-color = $color-dark-grey
-
-
-// head-icon
-$dialog-head-icon-width = 85px
-$dialog-head-icon-height = $dialog-head-icon-width
-$dialog-head-icon-border-radius = 50%
-$dialog-head-icon-margin-top = -42.5px
-
-
-/* 司机侧 dialog 样式重写 */
-$dialog-btn-half-width = 50%
-$dialog-btn-width = 100%
-
-// animation
-$dialog-zoom-animation = dialog-zoom .3s ease-in-out
-
-@keyframes dialog-zoom
-  0%
-    transform scale(0)
-  50%
-    transform scale(1.1)
-  100%
-    transform scale(1)
diff --git a/example/themes/driver/components/modal.styl b/example/themes/driver/components/modal.styl
deleted file mode 100644
index 8366b28..0000000
--- a/example/themes/driver/components/modal.styl
+++ /dev/null
@@ -1,15 +0,0 @@
-// @type modal-body
-$modal-body-padding-right = 25px
-
-// @type modal-cancel
-$modal-cancel-color = #323232
-$modal-cancel-border-bottom-color = #e1e2e6
-
-// @type modal-title
-$modal-title-color = #323232
-
-// @type modal-cancel-icon
-$modal-close-icon-color = #000000
-
-// @type modal-content
-$modal-content-color = #4b4b4d
\ No newline at end of file
diff --git a/example/themes/driver/components/popup.styl b/example/themes/driver/components/popup.styl
deleted file mode 100644
index 5ecfcd5..0000000
--- a/example/themes/driver/components/popup.styl
+++ /dev/null
@@ -1 +0,0 @@
-// popup
diff --git a/example/themes/driver/components/radio-modal.styl b/example/themes/driver/components/radio-modal.styl
deleted file mode 100644
index 33ef99f..0000000
--- a/example/themes/driver/components/radio-modal.styl
+++ /dev/null
@@ -1,9 +0,0 @@
-// @type body
-$radio-modal-body-padding-right = 0 - $modal-body-padding-right
-
-// @type subtitle
-$radio-modal-subtitle-padding-right = $modal-body-padding-right
-
-// @type radio
-$radio-modal-item-padding-right = $modal-body-padding-right
-$radio-modal-item-bottom-border-color = #e1e2e6
\ No newline at end of file
diff --git a/example/themes/driver/components/radio.styl b/example/themes/driver/components/radio.styl
deleted file mode 100644
index b444b22..0000000
--- a/example/themes/driver/components/radio.styl
+++ /dev/null
@@ -1,37 +0,0 @@
-// radio background
-$radio-inner-ui-bgc = $color-primary
-$radio-ui-bgc = #fff
-$radio-ui-bgc_disabled = $fill-bgc
-$radio-ui-bgimg = none
-
-// radio size
-$radio-ui-width = 18px
-$radio-inner-ui-width = 10px
-$radio-inner-ui-scale-size = 1
-$radio-ui-scale-size = 1
-
-// radio border
-$radio-ui-border_disabled = 1px solid $color-disabled
-$radio-ui-border_checked = 1px solid $color-primary
-
-// radio margin
-$radio-ui-margin = 0 0 0 10px
-$radio-ui-margin-right = 10px
-$radio-label-mr_left = 10px
-$radio-label-mr_right = 28px
-
-// radio padding
-$radio-label-padding = 10px 0
-
-// tick
-$radio-inner-ui-tick = tick-radio-passenger
-
-// transition
-$radio-ui_checked-transition = none
-$radio-ui-transform = none
-
-$radio-label-opacity_disabled = .3
-$radio-label-color_disabled = unset
-
-// transition
-$radio-inner-ui-transition = transform .2s linear
diff --git a/example/themes/driver/components/toast.styl b/example/themes/driver/components/toast.styl
deleted file mode 100644
index 8c60797..0000000
--- a/example/themes/driver/components/toast.styl
+++ /dev/null
@@ -1,25 +0,0 @@
-$toast-dark-opacity-bgc := rgba(0, 0, 0, 0.8)
-
-// toast
-$toast-z-index = 900
-$toast-color = $color-white
-$toast-bgc = $toast-dark-opacity-bgc
-
-$toast-content-flex-direction = unset
-
-$toast-content-padding-v = 15px
-$toast-content-padding-h = 13px
-$toast-content-bdr = 7px
-
-$toast-icon-width = 24px
-$toast-icon-height = 24px
-$toast-icon-font-size = $font-size-3xl
-
-$toast-tip-line-height = 18px
-$toast-tip-font-size = 15px
-$toast-tip-margin-left = 6px
-$toast-tip-margin-bottom = 0px
-$toast-tip-max-width = 12em
-$toast-tip-max-height = 40px
-
-$toast-tip-font-weight = unset
diff --git a/example/themes/driver/index.styl b/example/themes/driver/index.styl
deleted file mode 100644
index da0292f..0000000
--- a/example/themes/driver/index.styl
+++ /dev/null
@@ -1,10 +0,0 @@
-@require "./var/color.styl"
-@require "./components/modal.styl"
-@require "./components/radio-modal.styl"
-@require "./components/checkbox-modal.styl"
-@require "./components/button.styl"
-@require "./components/toast.styl"
-@require "./components/popup.styl"
-@require "./components/dialog.styl"
-@require "./components/radio.styl"
-@require "./components/checkbox.styl"
diff --git a/example/themes/helper.styl b/example/themes/helper.styl
deleted file mode 100644
index d163353..0000000
--- a/example/themes/helper.styl
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
-// cubeRule(s, v)
-//   --cube-{s} v
-
-// stylusRule(s, v)
-//   '$%s = %s' % (s, v)
-
-prefix = '$'
-
-$$var(s, v)
-  if runtime
-    --cube-{s} v
-  else
-    define(prefix + s, v) // 为什么没有生效？
-
-  // s('--cube-%s: %s', $s, $v)
diff --git a/example/themes/passenger-variables.styl b/example/themes/passenger-variables.styl
index 6ec411f..a985a1c 100644
--- a/example/themes/passenger-variables.styl
+++ b/example/themes/passenger-variables.styl
@@ -1,6 +1,5 @@
 @require '~@mpxjs/mpx-cube-ui/src/common/stylus/theme/var/size.styl'
 @require '~@mpxjs/mpx-cube-ui/src/common/stylus/theme/var/color.styl'
-// @require './helper.styl'
 
 vendors = official
 // animation
diff --git a/example/themes/passenger/var/color.styl b/example/themes/passenger/color.styl
similarity index 100%
rename from example/themes/passenger/var/color.styl
rename to example/themes/passenger/color.styl
diff --git a/example/themes/passenger/components/button.styl b/example/themes/passenger/components/button.styl
deleted file mode 100644
index 85a7959..0000000
--- a/example/themes/passenger/components/button.styl
+++ /dev/null
@@ -1,41 +0,0 @@
-// button
-$btn-color = $color-passenger-primary-blue
-$btn-bgc = $color-passenger-default-blue-opacity-08
-$btn-border-color = $color-passenger-default-blue-opacity-08
-$btn-border-radius = 8px
-$btn-opacity_active = 1
-$btn-bgc_active = $color-passenger-default-dark-blue
-$btn-border-color_active = $color-passenger-default-blue-opacity-08
-
-// btn-primary
-$btn-primary-bgc = $color-passenger-primary-blue
-$btn-primary-bgc_active = $color-passenger-primary-light-blue
-$btn-primary-color_active = $color-white
-$btn-primary-font-weight = bold
-
-// btn-light
-$btn-light-color = $color-primary-orange_red
-$btn-light-bgc = $color-light-orange_red
-$btn-light-border-color = $color-light-orange_red
-$btn-light-bgc_active = $color-light-dark-orange_red
-$btn-light-font-weight = bold
-
-// btn-outline
-$btn-outline-color = $color-passenger-primary-blue
-$btn-outline-bgc = $color-white
-$btn-outline-border-color = $color-passenger-primary-blue
-$btn-outline-bgc_active = $color-passenger-light-grey
-$btn-outline-border-color_active = $color-passenger-primary-blue
-$btn-outline-font-weight = bold
-
-// btn-outline-primary
-$btn-outline-primary-color = $color-primary-orange_red
-$btn-outline-primary-bgc = $color-white
-$btn-outline-primary-border-color = $color-primary-dark-orange_red
-$btn-outline-primary-bgc_active = $color-light-dark-orange_red-s
-$btn-outline-primary-active-bdc = $color-primary-dark-orange_red
-$btn-outline-primary-active-color = $color-primary-orange_red
-
-// btn-disabled
-$btn-disabled-color = $color-white
-$btn-disabled-font-weight = bold
diff --git a/example/themes/passenger/components/checkbox-modal.styl b/example/themes/passenger/components/checkbox-modal.styl
deleted file mode 100644
index 9611d9e..0000000
--- a/example/themes/passenger/components/checkbox-modal.styl
+++ /dev/null
@@ -1,10 +0,0 @@
-// @type body
-$checkbox-modal-body-padding-right = 0 - $modal-body-padding-right
-
-// @type subtitle
-$checkbox-modal-subtitle-padding-right = $modal-body-padding-right
-$checkbox-modal-subtitle-color = #757575
-
-// @type checkbox
-$checkbox-modal-item-padding-right = $modal-body-padding-right
-$checkbox-modal-item-border-color = #EAEAEA
diff --git a/example/themes/passenger/components/checkbox.styl b/example/themes/passenger/components/checkbox.styl
deleted file mode 100644
index 03aa6bf..0000000
--- a/example/themes/passenger/components/checkbox.styl
+++ /dev/null
@@ -1,71 +0,0 @@
-// checkbox size
-$checkbox-ui-round-width = 18px
-$checkbox-ui-round-height = $checkbox-ui-round-width
-$checkbox-ui-square-width = 18px
-$checkbox-ui-square-height = $checkbox-ui-square-width
-$checkbox-ui-width = $checkbox-ui-round-width
-$checkbox-ui-height = $checkbox-ui-round-height
-$checkbox-inner-ui-width = 7px
-$checkbox-inner-ui-height = 4px
-
-
-// checkbox border
-$checkbox-ui-round-border_checked = none
-$checkbox-ui-square-border_checked = none
-$cube-checkbox-ui_checked = 2px solid $color-primary
-$checkbox-inner-ui-border = 2px solid $color-white
-$checkbox-ui-round-border = 1px solid rgba(0, 0, 0, .28)
-$checkbox-ui-square-border = 1px solid rgba(0, 0, 0, .28)
-$checkbox-ui-round-border_disabled = 1px solid $color-disabled
-$checkbox-ui-square-border_disabled = 1px solid $color-disabled
-
-// checkbox margin
-$checkbox-label-mr_left = 10px
-$checkbox-label-mr_right = 28px
-$checkbox-ui-margin = 0 0 0 10px
-$checkbox-ui-margin-right = 10px
-$checkbox-ui-round-margin-right = 10px
-$checkbox-ui-square-margin-right = 10px
-$checkbox-margin-left = 10px
-
-// background
-$checkbox-ui-round-bgc = $color-white
-$checkbox-ui-square-bgc = $color-white
-$checkbox-ui-round-bgc_checked = #5B6B92
-$checkbox-ui-square-bgc_checked = #5B6B92
-$tick-passenger = url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzYgMzYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0yMS45IDM1LjEgMTUgMjguM2MtLjctLjctLjctMS43IDAtMi40czEuOC0uNyAyLjQgMGw0LjUgNC40Yy40LjQgMS4xLjQgMS42IDBsOS4xLTljLjctLjcgMS44LS43IDIuNCAwIC43LjYuNyAxLjcgMCAyLjRMMjMuNSAzNS4xYy0uNS40LTEuMi40LTEuNiAweiIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcgLTEwKSIvPjwvc3ZnPg==')
-$checkbox-ui-round-bgimg = $tick-passenger
-$checkbox-ui-square-bgimg = $tick-passenger
-$checkbox-ui-bg_disabled = linear-gradient(
-    to bottom right,
-    transparent 0%,
-    transparent calc(50% - 1px),
-    rgba(0, 0, 0, .28) 50%,
-    transparent calc(50% + 1px),
-    transparent 100%
-  )
-$checkbox-ui-bg-opacity = unset
-
-// radius
-$checkbox-ui-square-radius = 5px
-$checkbox-ui-round-radius = 50%
-
-// slash color
-$checkbox-slash-color = rgba(0, 0, 0, .28)
-
-// tick
-$checkbox-ui-square-url-name = tick-passenger
-$checkbox-ui-round-url-name = tick-passenger
-
-// text & desc
-$checkbox-text-desc-color_disabled = $color-disabled
-$checkbox-desc-margin-top = 4px
-$checkbox-text-font-size = 18px
-$checkbox-desc-font-size = 12px
-$checkbox-text-color = $text-color-desc
-$checkbox-desc-color = #757575
-$checkbox-text-line-height = 1
-$checkbox-desc-line-height = 1.2
-
-// transition
-$checkbox-inner-ui-transition = none
diff --git a/example/themes/passenger/components/dialog.styl b/example/themes/passenger/components/dialog.styl
deleted file mode 100644
index 8c9ed69..0000000
--- a/example/themes/passenger/components/dialog.styl
+++ /dev/null
@@ -1,70 +0,0 @@
-vendors = official
-// https://stylus-lang.com/docs/keyframes.html#expansion
-
-$dialog-container-width = 280px
-$dialog-container-border-radius = 10px
-$dialog-bgc = $color-white
-
-// icon
-$dialog-icon-bgc = $color-background
-$dialog-icon-container-margin-top = 20px
-$dialog-icon-container-margin-bottom = 16px
-$dialog-icon-container-width = 30px
-$dialog-icon-container-height = 30px
-$dialog-icon-container-padding = 10px
-$dialog-icon-container-border-radius = 50%
-$dialog-icon-line-height = 1
-
-// title
-$dialog-icon-next-title-margin-top = 0px
-$dialog-title-default-margin = 30px 16px 0
-$dialog-title-color = $color-black
-$dialog-title-margin-top = 24px
-$dialog-title-font-size = $font-size-xl
-$dialog-title-def-color = $color-black
-$dialog-title-line-height = 1
-
-// content
-$dialog-icon-next-content-margin-top = -4px
-$dialog-title-next-content-margin-top = 12px
-$dialog-content-container-margin = 16px 0
-$dialog-content-container-line-height = 22px
-$dialog-content-def-padding = 0 24px
-$dialog-content-font-size = $font-size-sm
-$dialog-content-color = $text-color-desc
-$dialog-content-margin = 10px 0 20px 0
-$dialog-content-def-text-align = unset
-
-// button
-$dialog-button-padding = 17px 10px
-$dialog-btn-color = $color-bright-orange
-$dialog-btn-bgc = $color-white
-$dialog-btn-active-bgc = unset
-$dialog-btn-highlight-color = $color-bright-orange
-$dialog-btn-highlight-active-bgc = unset
-$dialog-btn-disabled-color = $text-color-hint
-$dialog-btn-disabled-active-bgc = transparent
-$dialog-btns-split-color = $border-color-normal
-$dialog-btn-line-height = 21px
-
-// close
-$dialog-close-width = 32px
-$dialog-close-height = 32px
-$dialog-close-color = $text-color-hint
-
-// head-icon
-$dialog-head-icon-width = 85px
-$dialog-head-icon-height = $dialog-head-icon-width
-$dialog-head-icon-border-radius = 50%
-$dialog-head-icon-margin-top = -42.5px
-
-// animation
-$dialog-zoom-animation = dialog-zoom .2s ease-in-out
-
-@keyframes dialog-zoom
-  0%
-    transform scale(.9)
-    opacity 0
-  100%
-    transform scale(1)
-    opacity 1
diff --git a/example/themes/passenger/components/modal.styl b/example/themes/passenger/components/modal.styl
deleted file mode 100644
index cce2cc1..0000000
--- a/example/themes/passenger/components/modal.styl
+++ /dev/null
@@ -1,44 +0,0 @@
-// @type modal-container
-$modal-border-radius = 7px 7px 0 0
-
-// @type modal-cancel
-$modal-cancel-padding = 0 10px 0 10px
-$modal-cancel-margin = 30px
-$modal-cancel-height = 30px
-$modal-cancel-line-height = 30px
-$modal-cancel-font-weight = 400
-$modal-cancel-color = rgba(117, 117, 117, 1)
-$modal-cancel-border-bottom-color = #EAEAEA
-
-// @type modal-body
-$modal-body-padding-top = 0
-$modal-body-padding-right = 14px
-$modal-body-padding-bottom = 0
-$modal-body-padding-left = 14px
-
-// @type modal-header
-$modal-header-default-height = 30px
-
-// @type modal-title
-$modal-title-margin-bottom = 10px
-$modal-title-line-height = 1.45
-$modal-title-font-size = $font-size-2xl
-$modal-title-color = $color-black
-
-// @type modal-close-icon
-$modal-close-icon-top = 5px
-$modal-close-icon-right = 5px
-$modal-close-icon-padding = 5px
-$modal-close-icon-color = $color-black
-
-// @type modal-content
-$modal-content-line-height = 1.5
-$modal-content-font-size = $font-size-sm
-$modal-content-color = rgba(68, 68, 68, 1)
-
-// @type modal-button-group
-$modal-button-group-margin-top = 30px
-$modal-button-font-size = $font-size-md
-
-// @type modal-footer
-$modal-footer-padding = 0 14px 14px 14px
\ No newline at end of file
diff --git a/example/themes/passenger/components/popup.styl b/example/themes/passenger/components/popup.styl
deleted file mode 100644
index e69de29..0000000
diff --git a/example/themes/passenger/components/radio-modal.styl b/example/themes/passenger/components/radio-modal.styl
deleted file mode 100644
index f10b4f1..0000000
--- a/example/themes/passenger/components/radio-modal.styl
+++ /dev/null
@@ -1,9 +0,0 @@
-// @type body
-$radio-modal-body-padding-right = 0 - $modal-body-padding-right
-
-// @type subtitle
-$radio-modal-subtitle-padding-right = $modal-body-padding-right
-
-// @type radio
-$radio-modal-item-padding-right = $modal-body-padding-right
-$radio-modal-item-bottom-border-color = #EAEAEA
\ No newline at end of file
diff --git a/example/themes/passenger/components/radio.styl b/example/themes/passenger/components/radio.styl
deleted file mode 100644
index d1301ef..0000000
--- a/example/themes/passenger/components/radio.styl
+++ /dev/null
@@ -1,46 +0,0 @@
-// radio background
-$radio-inner-ui-bgc = $color-primary
-$radio-ui-bgc = unset
-$radio-ui-bgc_disabled = unset
-$radio-ui-bgimg = url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzYgMzYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Im0yOTIzLjYgMTczNS4zLTEwLjYtMTAuOGMtMS4xLTEuMS0xLjEtMi45IDAtNHMyLjgtMS4xIDMuOSAwbDYuNyA2LjhjLjkuOSAyLjUgMSAzLjQgMGwxNC4yLTE0LjRjMS4xLTEuMSAyLjgtMS4xIDMuOSAwczEuMSAyLjkgMCAzLjlsLTE4LjEgMTguM2MtLjkgMS4xLTIuNSAxLjEtMy40LjJ6IiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojNWI2YjkyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkxMSAtMTcwNikiLz48L3N2Zz4=')
-$radio-ui-bgc-opacity = unset
-
-// radio size
-$radio-ui-width = 18px
-$radio-inner-ui-width = 10px
-$radio-inner-ui-scale-size = 0
-$radio-ui-scale-size = 1
-
-// radio border
-$radio-ui-border = none
-$radio-ui-border_disabled = none
-$radio-ui-border_checked = none
-
-// radio margin
-$radio-ui-margin = 0 0 0 10px
-$radio-ui-margin-right = 10px
-$radio-label-mr_left = 10px
-$radio-label-mr_right = 28px
-
-// radio padding
-$radio-label-padding = 10px 0
-
-// tick
-$radio-inner-ui-tick = tick-radio-passenger
-
-// transition
-$radio-ui_checked-transition = none
-$radio-ui-transform = scale(0)
-
-// text & desc
-$radio-desc-margin-top = 4px
-$radio-text-desc-color_disabled = $color-disabled
-$radio-text-font-size = 16px
-$radio-desc-font-size = 12px
-$radio-text-color = $color-black
-$radio-desc-color = #757575
-$radio-text-line-height = 1
-$radio-desc-line-height = 1.2
-
-// transition
-$radio-inner-ui-transition = none
diff --git a/example/themes/passenger/components/toast.styl b/example/themes/passenger/components/toast.styl
deleted file mode 100644
index ac7749f..0000000
--- a/example/themes/passenger/components/toast.styl
+++ /dev/null
@@ -1,27 +0,0 @@
-// toast
-$toast-z-index = 900
-$toast-color = $color-white
-$toast-bgc = $color-midnight-blue-opacity-9
-
-$toast-content-direction = column
-
-$toast-content-padding = 30px 25px
-$toast-content-border-radius = 8px
-
-$toast-icon-width = 30px
-$toast-icon-height = $toast-icon-width
-$toast-icon-font-size = $font-size-6xl
-$toast-icon-line-height = 1
-
-$toast-slot-icon-margin = 0 0 20px 0
-$toast-icon-margin-bottom = 20px
-
-$toast-tip-font-size = $font-size-sm
-$toast-tip-line-height = 1.57
-$toast-tip-margin-left = 0px
-$toast-tip-margin-bottom = 20px
-$toast-tip-max-width = 10em
-$toast-tip-max-height = 44px
-
-$toast-tip-font-weight = bold
-$toast-tip-text-align = center
diff --git a/example/themes/passenger/index.styl b/example/themes/passenger/index.styl
deleted file mode 100644
index da0292f..0000000
--- a/example/themes/passenger/index.styl
+++ /dev/null
@@ -1,10 +0,0 @@
-@require "./var/color.styl"
-@require "./components/modal.styl"
-@require "./components/radio-modal.styl"
-@require "./components/checkbox-modal.styl"
-@require "./components/button.styl"
-@require "./components/toast.styl"
-@require "./components/popup.styl"
-@require "./components/dialog.styl"
-@require "./components/radio.styl"
-@require "./components/checkbox.styl"