misty.cafe/mistykey
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

enhance(frontend): テーマでページヘッダーの色を変更できるように

Browse source
This commit is contained in:
syuilo 2025-04-16 10:59:05 +09:00
parent 29f475b17a
commit 17e7340933
4 changed files with 17 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

11
packages/frontend/src/components/global/MkPageHeader.vue
View file

@ -124,11 +124,18 @@ onUnmounted(() => {
<style lang="scss" module>
.root {
background: color(from var(--MI_THEME-bg) srgb r g b / 0.75);
background: color(from var(--MI_THEME-pageHeaderBg) srgb r g b / 0.75);
-webkit-backdrop-filter: var(--MI-blur, blur(15px));
backdrop-filter: var(--MI-blur, blur(15px));
border-bottom: solid 0.5px var(--MI_THEME-divider);
border-bottom: solid 0.5px transparent;
width: 100%;
color: var(--MI_THEME-pageHeaderFg);
}
@container style(--MI_THEME-pageHeaderBg: var(--MI_THEME-bg)) {
.root {
border-bottom: solid 0.5px var(--MI_THEME-divider);
}
}
.upper,