From 977c27aca12077d7f4020255bc01531ab176460b Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Fri, 17 Dec 2021 18:50:45 -0800
Subject: [PATCH] added blend mode to nav bar for better visibility

---
 resources/cider-ui/style.less | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/resources/cider-ui/style.less b/resources/cider-ui/style.less
index 5a37f8b1..3078c779 100644
--- a/resources/cider-ui/style.less
+++ b/resources/cider-ui/style.less
@@ -1497,12 +1497,13 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
   display: flex;
   align-items: center;
   padding: 0px 6px;
-  z-index: 2;
+  z-index: 7;
   position: sticky;
   top: 0;
   left: 0;
   backdrop-filter: blur(16px) saturate(180%);
-  box-shadow: 0px 1px 0px rgb(185 185 185 / 8%);
+  box-shadow: 0px 1px 0px rgba(185, 185, 185, 0.08);
+  mix-blend-mode: hard-light;
   .nav-item {
     appearance: none;
     border: 0px;