From 8b516bbe8158660fa0d10253df09fc33231a5f00 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nile=CC=81ane?= Date: Mon, 19 Aug 2024 20:39:17 +0200 Subject: [PATCH] Added backdrop blur to collapsible column settings --- TangerineUI-cherry.css | 4 +++- TangerineUI-purple.css | 4 +++- TangerineUI.css | 5 +++-- 3 files changed, 9 insertions(+), 4 deletions(-) diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index 93cb1ac..6a9dbbd 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -3508,7 +3508,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } .app-body .column-header__collapsible { - background-color: var(--color-content-secondary-bg); + background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%); + -webkit-backdrop-filter: blur(15px); + backdrop-filter: blur(15px); border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); border-bottom: 0; diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 3ad421b..a7c9479 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -3508,7 +3508,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } .app-body .column-header__collapsible { - background-color: var(--color-content-secondary-bg); + background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%); + -webkit-backdrop-filter: blur(15px); + backdrop-filter: blur(15px); border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); border-bottom: 0; diff --git a/TangerineUI.css b/TangerineUI.css index 8c1cb46..752efb9 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -3508,7 +3508,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } .app-body .column-header__collapsible { - background-color: var(--color-content-secondary-bg); + background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%); + -webkit-backdrop-filter: blur(15px); + backdrop-filter: blur(15px); border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); border-bottom: 0; @@ -3541,7 +3543,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } } .app-body .column-header__collapsible-inner { - background: var(--color-content-secondary-bg); border: 0; } .app-body .column-settings__section {