From 45cfa3433a57ec8d5ef48cb15ee4bd47be591fd1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=9C=E9=A3=8E=E4=BD=BF=E5=91=BD=E5=BF=85=E8=BE=BE?=
 <1664677472@qq.com>
Date: Wed, 19 Mar 2025 17:57:09 -0700
Subject: [PATCH] feat(button): [button] Adapt to dark themes (#3164)

---
 examples/sites/demos/pc/app/button/ghost-composition-api.vue | 2 +-
 examples/sites/demos/pc/app/button/ghost.vue                 | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/examples/sites/demos/pc/app/button/ghost-composition-api.vue b/examples/sites/demos/pc/app/button/ghost-composition-api.vue
index 9dd7216ce..af5e29074 100644
--- a/examples/sites/demos/pc/app/button/ghost-composition-api.vue
+++ b/examples/sites/demos/pc/app/button/ghost-composition-api.vue
@@ -15,7 +15,7 @@ import { TinyButton } from '@opentiny/vue'
 
 <style scoped>
 .gray-bg {
-  background: #fafafa;
+  background-color: rgba(0, 0, 0, 0.2);
   padding: 20px 10px 10px;
 }
 .tiny-button {
diff --git a/examples/sites/demos/pc/app/button/ghost.vue b/examples/sites/demos/pc/app/button/ghost.vue
index 26602c632..c2dcfbbc5 100644
--- a/examples/sites/demos/pc/app/button/ghost.vue
+++ b/examples/sites/demos/pc/app/button/ghost.vue
@@ -21,7 +21,7 @@ export default {
 
 <style scoped>
 .gray-bg {
-  background: #fafafa;
+  background-color: rgba(0, 0, 0, 0.2);
   padding: 20px 10px 10px;
 }
 .tiny-button {