diff --git a/packages/dropdown-item/index.less b/packages/dropdown-item/index.less
index 8c5007e2..818d6e4c 100644
--- a/packages/dropdown-item/index.less
+++ b/packages/dropdown-item/index.less
@@ -1,4 +1,5 @@
 @import '../common/style/var.less';
+@import '../common/style/theme.less';
 
 .van-dropdown-item {
   position: fixed;
@@ -12,7 +13,7 @@
     &--active {
       .van-dropdown-item__title,
       .van-dropdown-item__icon {
-        color: @dropdown-menu-option-active-color;
+        .theme(color, '@dropdown-menu-option-active-color');
       }
     }
   }
diff --git a/packages/dropdown-menu/index.less b/packages/dropdown-menu/index.less
index 6d7c62e8..5758c48d 100644
--- a/packages/dropdown-menu/index.less
+++ b/packages/dropdown-menu/index.less
@@ -1,10 +1,11 @@
 @import '../common/style/var.less';
+@import '../common/style/theme.less';
 
 .van-dropdown-menu {
   display: flex;
-  height: @dropdown-menu-height;
-  background-color: @dropdown-menu-background-color;
   user-select: none;
+  .theme(height, '@dropdown-menu-height');
+  .theme(background-color, '@dropdown-menu-background-color');
 
   &__item {
     display: flex;
@@ -23,7 +24,7 @@
       }
 
       .van-dropdown-menu__title {
-        color: @dropdown-menu-title-disabled-text-color;
+        .theme(color, '@dropdown-menu-title-disabled-text-color');
       }
     }
   }
@@ -32,10 +33,10 @@
     position: relative;
     box-sizing: border-box;
     max-width: 100%;
-    padding: @dropdown-menu-title-padding;
-    color: @dropdown-menu-title-text-color;
-    font-size: @dropdown-menu-title-font-size;
-    line-height: @dropdown-menu-title-line-height;
+    .theme(padding, '@dropdown-menu-title-padding');
+    .theme(color, '@dropdown-menu-title-text-color');
+    .theme(font-size,'@dropdown-menu-title-font-size');
+    .theme(line-height,'@dropdown-menu-title-line-height');
 
     &::after {
       position: absolute;
@@ -50,7 +51,7 @@
     }
 
     &--active {
-      color: @dropdown-menu-title-active-text-color;
+      .theme(color,'@dropdown-menu-title-active-text-color');
     }
 
     &--down {