From bc4ebd15e0a583b8f94a693cae9a8e2622f40c6d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nile=CC=81ane?= Date: Thu, 18 Jul 2024 03:02:31 +0200 Subject: [PATCH] Adjusted backdrop blur on hover cards --- TangerineUI-cherry.css | 4 +++- TangerineUI-purple.css | 4 +++- TangerineUI.css | 4 +++- 3 files changed, 9 insertions(+), 3 deletions(-) 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); }