diff --git a/components/firstui/fui-preview/fui-preview.vue b/components/firstui/fui-preview/fui-preview.vue
index 50a023a..c0d6eca 100644
--- a/components/firstui/fui-preview/fui-preview.vue
+++ b/components/firstui/fui-preview/fui-preview.vue
@@ -162,6 +162,7 @@ export default {
   },
   emits: ['click', 'valueClick'],
   data() {
+    const app = uni && uni.$fui && uni.$fui.color;
     return {
       pvd: {},
       label: 'label',
@@ -173,6 +174,13 @@ export default {
       text: 'text',
       color: 'color',
       icon:'icon',
+      fuiColor: {
+					primary: (app && app.primary) || '#465CFF',
+					success: (app && app.success) || '#09BE4F',
+					warning: (app && app.warning) || '#FFB703',
+					danger: (app && app.danger) || '#FF2B2B',
+					purple: (app && app.purple) || '#6831FF',
+				}
     }
   },
   watch: {
@@ -315,7 +323,7 @@ export default {
         :hover-class="highlight ? 'fui-preview_hover' : ''" :hover-stay-time="150" @tap="handleClick(idx)"
       >
       
-        <fui-icon v-if="btn[icon]" :name="btn[icon]" style="margin-right: 16rpx;" :color="btn[color] || '#2979FF'" :size="iconSize" ></fui-icon>
+        <fui-icon v-if="btn[icon]" :name="btn[icon]" style="margin-right: 16rpx;" :color="btn[color] || fuiColor.primary" :size="iconSize" ></fui-icon>
         <text
           :style="{ fontSize: `${btnSize}rpx`, color: btn[color] || '#465CFF' }"
           :class="{ 'fui-preview__link': !btn[color] }"