Adjusted backdrop blur on hover cards

This commit is contained in:
Niléane 2024-07-18 03:02:31 +02:00
parent 16e386e051
commit bc4ebd15e0
No known key found for this signature in database
3 changed files with 9 additions and 3 deletions

View file

@ -4354,7 +4354,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-image: var(--icon-globe-accent);
}
.app-body .hover-card {
background-color: var(--color-content-bg);
background-color: color-mix(in srgb, var(--color-content-bg), transparent 20%);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-color: var(--color-lines);
}

View file

@ -4354,7 +4354,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-image: var(--icon-globe-accent);
}
.app-body .hover-card {
background-color: var(--color-content-bg);
background-color: color-mix(in srgb, var(--color-content-bg), transparent 20%);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-color: var(--color-lines);
}

View file

@ -4354,7 +4354,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-image: var(--icon-globe-accent);
}
.app-body .hover-card {
background-color: color-mix(in srgb, var(--color-content-bg), transparent 30%);
background-color: color-mix(in srgb, var(--color-content-bg), transparent 20%);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-color: var(--color-lines);
}