From b0e3fd60ce1a176e2f8c60339fb36ba4bf407cf4 Mon Sep 17 00:00:00 2001
From: sendevia <me@sendevia.top>
Date: Sat, 22 Nov 2025 00:32:03 +0800
Subject: [PATCH] feat(image-viewer): add background color to content image

---
 .vitepress/theme/components/ImageViewer.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.vitepress/theme/components/ImageViewer.vue b/.vitepress/theme/components/ImageViewer.vue
index 87da938..cf32dd2 100644
--- a/.vitepress/theme/components/ImageViewer.vue
+++ b/.vitepress/theme/components/ImageViewer.vue
@@ -537,6 +537,8 @@ defineExpose({
   .content-image {
     border-radius: var(--md-sys-shape-corner-full);
 
+    background-color: var(--md-sys-color-surface-variant);
+
     clip-path: circle(10%);
     object-fit: contain;
     transition: var(--md-sys-motion-spring-slow-spatial-duration) var(--md-sys-motion-spring-slow-spatial);