From e677f3de5545775fffa78a6d2b8d5dcc6d4c0976 Mon Sep 17 00:00:00 2001
From: You-Hw-Y <1664677472@qq.com>
Date: Wed, 26 Mar 2025 20:54:55 -0700
Subject: [PATCH] fix(badge): [badge] Adapt to dark themes

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

diff --git a/examples/sites/demos/pc/app/badge/offset-composition-api.vue b/examples/sites/demos/pc/app/badge/offset-composition-api.vue
index 73c4584def..c4bc480291 100644
--- a/examples/sites/demos/pc/app/badge/offset-composition-api.vue
+++ b/examples/sites/demos/pc/app/badge/offset-composition-api.vue
@@ -30,7 +30,7 @@ import { TinyBadge } from '@opentiny/vue'
   display: inline-block;
   width: 60px;
   height: 40px;
-  background-color: gainsboro;
+  background-color: var(--tv-color-bg);
 }
 .demo-box {
   width: 400px;
diff --git a/examples/sites/demos/pc/app/badge/offset.vue b/examples/sites/demos/pc/app/badge/offset.vue
index 7a852e5656..08d3f0b33f 100644
--- a/examples/sites/demos/pc/app/badge/offset.vue
+++ b/examples/sites/demos/pc/app/badge/offset.vue
@@ -36,7 +36,7 @@ export default {
   display: inline-block;
   width: 60px;
   height: 40px;
-  background-color: gainsboro;
+  background-color: var(--tv-color-bg);
 }
 .demo-box {
   width: 400px;