From 8a10ffd477711e951efb7d8ef3b94f13c1aa8c69 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 28 Sep 2023 15:59:10 +0800
Subject: [PATCH] Have to use media-fg/bg for alt badges

---
 src/components/status.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/status.css b/src/components/status.css
index ac5d5b8e..1c2d4d99 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -856,8 +856,11 @@
       left: 8px;
       font-size: 12px;
       font-weight: bold;
+      color: var(--media-fg-color);
+      background-color: var(--media-bg-color);
       border: var(--hairline-width) solid var(--media-outline-color);
       mix-blend-mode: luminosity;
+      opacity: 0.75;
 
       &:before {
         content: '';
@@ -866,8 +869,11 @@
       }
 
       &:is(:hover, :focus):not(:active) {
-        transition: transform 0.15s ease-out;
+        transition: 0.15s ease-out;
+        transition-property: transform, opacity, mix-blend-mode;
         transform: scale(1.15);
+        opacity: 0.8;
+        mix-blend-mode: normal;
       }
     }