From a8c23648e4770152400dbdfc501143f9cbebf05d Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Wed, 18 Dec 2024 16:56:46 +0100
Subject: [PATCH] feat(ui-docs): add default funkwhale background behind
 previews to better judge colors

---
 front/ui-docs/.vitepress/theme/Theme.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/front/ui-docs/.vitepress/theme/Theme.vue b/front/ui-docs/.vitepress/theme/Theme.vue
index 884d3b114..40d3d3fb7 100644
--- a/front/ui-docs/.vitepress/theme/Theme.vue
+++ b/front/ui-docs/.vitepress/theme/Theme.vue
@@ -31,6 +31,15 @@ const { Theme } = DefaultTheme
 .vp-doc .preview {
   padding: 16px 0;
   flex-grow: 1;
+  border-radius: 8px;
+
+  &:not(.transparent){
+    background-color:var(--background-color);
+    box-shadow: 0px 0px 16px 16px var(--background-color);
+    margin-top:16px;
+    padding-top:0;
+
+  }
 
   /* .preview overrides the cascade coming from .vp-docs and other containers
   that may leak rules here */