From c025f7e6d0bdbe4db7fcbb56e9fff7f195c4b68a Mon Sep 17 00:00:00 2001
From: Warinyourself <warinyourself@gmail.com>
Date: Thu, 11 Jun 2026 02:35:11 +0300
Subject: [PATCH] Restyle shutdown menu and button with glass-fluid look

---
 src/style/components/shutdown.styl | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/style/components/shutdown.styl b/src/style/components/shutdown.styl
index a1099d6..270e460 100644
--- a/src/style/components/shutdown.styl
+++ b/src/style/components/shutdown.styl
@@ -18,10 +18,17 @@
   padding 12px
   border-radius 12px
   cursor pointer
-  background var(--background-block)
+  background var(--glass-bg)
+  border 1px solid var(--glass-border)
+  backdrop-filter var(--glass-blur)
+  -webkit-backdrop-filter var(--glass-blur)
+  box-shadow var(--glass-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08)
   width 40px
-  transition border-radius .15s
+  transition border-radius .15s, background .25s, border-color .25s
   height 40px
+  &:hover
+    background var(--glass-bg-active)
+    border-color var(--glass-border-active)
   svg
     color var(--color-unfocus)
     display block
@@ -31,13 +38,18 @@
       color white
 
 .shutdown-menu
-  border-radius 12px 12px 0 0
+  border-radius 16px 16px 0 0
   position absolute
   bottom 0
   right 0
   width 40px
   display flex
-  background var(--background-block)
+  background var(--glass-bg-active)
+  border 1px solid var(--glass-border)
+  border-bottom none
+  backdrop-filter var(--glass-blur)
+  -webkit-backdrop-filter var(--glass-blur)
+  box-shadow var(--glass-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08)
   transition .3s
   opacity 0
   flex-direction column
@@ -47,7 +59,8 @@
   height 40px
   padding 12px
   color var(--color-unfocus)
-  transition .2s color
+  transition .2s color, .2s background
   &:hover
     color white
+    background rgba(255, 255, 255, 0.08)