diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index b361be7..9bce6cf 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -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); } diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 4d8c42d..fa55a09 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -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); } diff --git a/TangerineUI.css b/TangerineUI.css index 2731cf4..5f6cf80 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -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); }