MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(ui-docs): refine theme to better complement funkwhale component designs

This commit is contained in:
upsiflu 2025-02-02 19:16:50 +01:00
parent 3e691b3076
commit 574fc5e535
1 changed files with 27 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
front/ui-docs/.vitepress/theme/Theme.vue
View File

@ -55,8 +55,33 @@ const { Theme } = DefaultTheme
}
}
.preview,
.vp-doc .preview {
:has(.vp-doc) .container .items {
background: light-dark(var(--fw-beige-100), var(--fw-gray-960));
}
.vp-doc .custom-block{
margin-left: -2px;
/* background-color: transparent; */
border-width: 0;
border-radius: 0;
border-left-width: 4px;
--vp-custom-block-details-border: currentcolor;
&:has(summary:hover){color: var(--fw-blue-400)}
--vp-custom-block-details-bg: color-mix(in oklab, var(--vp-custom-block-details-border) 0%, transparent);
--vp-custom-block-warning-border: var(--fw-pastel-yellow-4);
--vp-custom-block-warning-bg: color-mix(in oklab, var(--vp-custom-block-warning-border) 10%, transparent);
--vp-custom-block-info-border: var(--fw-pastel-blue-4);
--vp-custom-block-info-bg: color-mix(in oklab, var(--vp-custom-block-info-border) 10%, transparent);
}
.funkwhale h3 {
/* override vitepress */
margin:0;
}
.vp-doc .preview:not(.funkwhale .preview) {
padding: 16px 0;
flex-grow: 1;
border-radius: 8px;