From 65c1af2eacddd0945279d3a1de01a2f42d96d3ae Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 19 Feb 2023 00:08:37 +0800
Subject: [PATCH] Make shortcuts button look even cooler

---
 src/components/shortcuts.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/shortcuts.css b/src/components/shortcuts.css
index 48ecc17f..8f2dab04 100644
--- a/src/components/shortcuts.css
+++ b/src/components/shortcuts.css
@@ -10,6 +10,7 @@
   box-shadow: 0 3px 8px -1px var(--drop-shadow-color);
   transition: all 0.3s ease-in-out;
   border: var(--hairline-width) solid var(--bg-color);
+  box-shadow: inset 0 -4px 16px -8px var(--button-bg-blur-color);
 }
 #shortcuts-button .icon {
   transform: translateY(2px); /* Balance the icon's vertical alignment */
@@ -21,7 +22,7 @@
   user-select: none;
 }
 #shortcuts-button:is(:hover, :focus) {
-  background-color: var(--button-color);
+  background-color: var(--bg-color);
   filter: none;
 }
 #shortcuts-button:active {