diff --git a/docs/.vitepress/theme/components/BrowserWindow.vue b/docs/.vitepress/theme/components/BrowserWindow.vue
index 57900786..69f1f572 100644
--- a/docs/.vitepress/theme/components/BrowserWindow.vue
+++ b/docs/.vitepress/theme/components/BrowserWindow.vue
@@ -1,7 +1,7 @@
 <script setup></script>
 
 <template>
-  <div border="~ solid rounded dark-50" bg="[#222]">
+  <div border="~ solid rounded light-100 dark:dark-50" bg="[#eee] dark:[#222]">
     <div flex gap="2" p-2>
       <div circle-red />
       <div circle-yellow />