From 8b6cae5611e89ebc77e274c13028effcfe69b47d Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Wed, 28 Dec 2022 10:49:43 +0800
Subject: [PATCH] More gradients for headers

---
 src/app.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/app.css b/src/app.css
index 759e8892..e61c04b2 100644
--- a/src/app.css
+++ b/src/app.css
@@ -79,6 +79,7 @@ a.mention span {
   position: sticky;
   top: 0;
   background-color: var(--bg-blur-color);
+  background-image: linear-gradient(to bottom, var(--bg-color), transparent);
   backdrop-filter: saturate(180%) blur(20px);
   border-bottom: 1px solid var(--divider-color);
   z-index: 1;
@@ -792,6 +793,11 @@ meter.donut:is(.danger, .explode):after {
     min-height: 6em;
     border-bottom: 0;
     background-color: var(--bg-faded-blur-color);
+    background-image: linear-gradient(
+      to bottom,
+      var(--bg-faded-color),
+      transparent 50%
+    );
     border-bottom: 0;
     mask-image: linear-gradient(
       rgba(0, 0, 0, 1) 50%,