nelle/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2025-02-03 21:30:20 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make pageHeader transparency dependent on blur

Browse source
This commit is contained in:
Aylam 2023-08-11 20:59:52 +03:00 committed by aylamz
parent a82979b2a1
commit b03534bb92
4 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
packages/client/src/components/global/MkPageHeader.vue
View file

@ -353,8 +353,7 @@ onUnmounted(() => {
content: ""; content: "";
position: absolute; position: absolute;
inset: 0; inset: 0;
background: var(--bg); background: var(--pageHeader);
opacity: 0.85;
z-index: -2; z-index: -2;
} }

2
packages/client/src/scripts/theme.ts
View file

@ -128,7 +128,7 @@ function compile(theme: Theme): Record<string, string> {
const arg = parseFloat(parts.shift()); const arg = parseFloat(parts.shift());
const color = getColor(parts.join("<")); const color = getColor(parts.join("<"));
const ignoreAlphaForKeys = ["windowHeader", "acrylicPanel"]; const ignoreAlphaForKeys = ["windowHeader", "acrylicPanel", "pageHeader"];
switch (func) { switch (func) {
case "darken": case "darken":

1
packages/client/src/themes/_dark.json5
View file

@ -33,6 +33,7 @@
panelBorder: '" solid 1px var(--divider)', panelBorder: '" solid 1px var(--divider)',
acrylicPanel: ':alpha<0.5<@panel', acrylicPanel: ':alpha<0.5<@panel',
windowHeader: ':alpha<0.85<@panel', windowHeader: ':alpha<0.85<@panel',
pageHeader: ':alpha<0.85<@bg',
popup: ':lighten<3<@panel', popup: ':lighten<3<@panel',
shadow: 'rgba(0, 0, 0, 0.3)', shadow: 'rgba(0, 0, 0, 0.3)',
header: ':alpha<0.7<@panel', header: ':alpha<0.7<@panel',

1
packages/client/src/themes/_light.json5
View file

@ -33,6 +33,7 @@
panelBorder: '" solid 1px var(--divider)', panelBorder: '" solid 1px var(--divider)',
acrylicPanel: ':alpha<0.5<@panel', acrylicPanel: ':alpha<0.5<@panel',
windowHeader: ':alpha<0.85<@panel', windowHeader: ':alpha<0.85<@panel',
pageHeader: ':alpha<0.85<@bg',
popup: ':lighten<3<@panel', popup: ':lighten<3<@panel',
shadow: 'rgba(0, 0, 0, 0.1)', shadow: 'rgba(0, 0, 0, 0.1)',
header: ':alpha<0.7<@panel', header: ':alpha<0.7<@panel',