diff --git a/play/app.example.vue b/play/app.example.vue
index 1a1fb8f5ff..f965b07183 100644
--- a/play/app.example.vue
+++ b/play/app.example.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="play-container">
     <el-icon color="#409EFC">
-      <check-icon />
+      <el-icon-check />
     </el-icon>
     <el-icon>
-      <menu-icon />
+      <el-icon-menu />
     </el-icon>
     <el-button>test</el-button>
     <div v-loading="true" />
@@ -12,7 +12,6 @@
 </template>
 
 <script setup lang="ts">
-import { Check as CheckIcon, Menu as MenuIcon } from '@element-plus/icons-vue'
 // code here
 </script>
 
diff --git a/play/main.ts b/play/main.ts
index 5a19faa86a..9553dfbbd9 100644
--- a/play/main.ts
+++ b/play/main.ts
@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
-import '@element-plus/theme-chalk/src/index.scss'
+import '@element-plus/theme-chalk/src/dark/css-vars.scss'
 ;(async () => {
   const apps = import.meta.glob('./src/*.vue')
   const name = location.pathname.replace(/^\//, '') || 'App'