Make pageHeader transparency dependent on blur

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

View File

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

View File

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

View File

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

View File

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