From a8c23648e4770152400dbdfc501143f9cbebf05d Mon Sep 17 00:00:00 2001 From: upsiflu 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 */