From 10822eb56faf070e0e02b274f0934f33f2ec7e9b Mon Sep 17 00:00:00 2001
From: Ho Hai Cong Thuan <18521469@gm.uit.edu.vn>
Date: Wed, 15 Jun 2022 16:56:07 +0700
Subject: [PATCH] Add glow effect when hovering title bar buttons, small adjust
 to window's shadow

---
 gui/_window.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/gui/_window.scss b/gui/_window.scss
index 40347d6..41bbede 100644
--- a/gui/_window.scss
+++ b/gui/_window.scss
@@ -5,7 +5,7 @@
   --window-spacing: 6px;
   --window-border: 1px solid;
   --window-border-radius: 6px;
-  --window-border-color: rgba(0, 0, 0, 0.6);
+  --window-border-color: rgba(0, 0, 0, .7);
   --window-background-color: #4580c4;
   --window-background: linear-gradient(
       to right,
@@ -33,7 +33,7 @@
 
 .window {
   font: var(--font);
-  box-shadow: 0 0 5px 1px var(--window-border-color);
+  box-shadow: 2px 2px 10px 1px var(--window-border-color);
   border: var(--window-border) var(--window-border-color);
   border-radius: var(--window-border-radius);
   position: relative;
@@ -215,10 +215,11 @@
             transparent 60%
           ),
           linear-gradient(#a9d2e8 50%, #196c9b 50%);
+          box-shadow: 0 0 15px #2aceda;
       }
 
       &:active {
-        box-shadow: inset 0 0 0 0.5px #eee;
+        box-shadow: inset 0 0 0 0.5px #eee, 0 0 15px #2aceda;
         background: radial-gradient(
             circle at 50% 100%,
             #0bfdfa,
@@ -265,6 +266,7 @@
         &:hover {
           filter: contrast(1.3);
           background-image: var(--control-background);
+          box-shadow: 0 0 15px #d04a37, inset 0 -1px 5px orange;
         }
 
         &:active {