From 45762e4bf6f1dc18342dee27b63cb0a4fc133a08 Mon Sep 17 00:00:00 2001
From: trashtemp <96388163+trashtemp@users.noreply.github.com>
Date: Wed, 29 Dec 2021 00:10:17 +0100
Subject: [PATCH] feat(contextmenu): glass effect on context menu

---
 src/styles/_context-menu.scss | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/styles/_context-menu.scss b/src/styles/_context-menu.scss
index 2b6005d8..2c298545 100644
--- a/src/styles/_context-menu.scss
+++ b/src/styles/_context-menu.scss
@@ -6,7 +6,12 @@
     font-size: 0.875rem;
     color: var(--secondary-foreground);
     border-radius: var(--border-radius);
-    background: var(--primary-background) !important;
+    //background: var(--primary-background) !important;
+    background-color: rgba(
+        var(--primary-background-rgb),
+        max(var(--min-opacity), 0.8)
+    );
+    backdrop-filter: blur(10px);
     box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.05);
 
     > span,
@@ -23,7 +28,11 @@
             cursor: pointer;
 
             &:hover {
-                background: var(--secondary-background);
+                background-color: rgba(
+                    var(--secondary-background-rgb),
+                    max(var(--min-opacity), 0.75)
+                );
+                backdrop-filter: blur(10px);
             }
         }