From 6c09165a6feef50391102e3ade0a0fec509c43b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nile=CC=81ane?= <nileanedorffer@gmail.com>
Date: Fri, 23 Aug 2024 15:43:59 +0200
Subject: [PATCH] Tweaked Hide media icon style (Fixes #106)

---
 TangerineUI-cherry.css | 9 ++-------
 TangerineUI-lagoon.css | 9 ++-------
 TangerineUI-purple.css | 9 ++-------
 TangerineUI.css        | 9 ++-------
 4 files changed, 8 insertions(+), 28 deletions(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 9579a25..5d149ae 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -3088,16 +3088,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     }
 }
 .app-body .icon-button.overlayed {
-    background-color: #ffffff;
-    color: #444b5d;
-    opacity: .6;
-    transition: opacity .3s;
+    background-color: rgba(0, 0, 0, .1);
     border-radius: 7px;
 }
 .app-body .icon-button.overlayed:hover {
-    background-color: #ffffff;
-    color: #444b5d;
-    opacity: 1;
+    background-color: rgba(0, 0, 0, .4);
 }
 .app-body .status__wrapper--filtered__button {
     color: var(--color-accent);
diff --git a/TangerineUI-lagoon.css b/TangerineUI-lagoon.css
index 1d72b6b..32d3592 100644
--- a/TangerineUI-lagoon.css
+++ b/TangerineUI-lagoon.css
@@ -3088,16 +3088,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     }
 }
 .app-body .icon-button.overlayed {
-    background-color: #ffffff;
-    color: #444b5d;
-    opacity: .6;
-    transition: opacity .3s;
+    background-color: rgba(0, 0, 0, .1);
     border-radius: 7px;
 }
 .app-body .icon-button.overlayed:hover {
-    background-color: #ffffff;
-    color: #444b5d;
-    opacity: 1;
+    background-color: rgba(0, 0, 0, .4);
 }
 .app-body .status__wrapper--filtered__button {
     color: var(--color-accent);
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 5da9cd0..e6b4272 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -3088,16 +3088,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     }
 }
 .app-body .icon-button.overlayed {
-    background-color: #ffffff;
-    color: #444b5d;
-    opacity: .6;
-    transition: opacity .3s;
+    background-color: rgba(0, 0, 0, .1);
     border-radius: 7px;
 }
 .app-body .icon-button.overlayed:hover {
-    background-color: #ffffff;
-    color: #444b5d;
-    opacity: 1;
+    background-color: rgba(0, 0, 0, .4);
 }
 .app-body .status__wrapper--filtered__button {
     color: var(--color-accent);
diff --git a/TangerineUI.css b/TangerineUI.css
index 3b891ef..af133c0 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -3088,16 +3088,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     }
 }
 .app-body .icon-button.overlayed {
-    background-color: #ffffff;
-    color: #444b5d;
-    opacity: .6;
-    transition: opacity .3s;
+    background-color: rgba(0, 0, 0, .1);
     border-radius: 7px;
 }
 .app-body .icon-button.overlayed:hover {
-    background-color: #ffffff;
-    color: #444b5d;
-    opacity: 1;
+    background-color: rgba(0, 0, 0, .4);
 }
 .app-body .status__wrapper--filtered__button {
     color: var(--color-accent);