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