diff --git a/.config/anyrun/config.ron b/.config/anyrun/config.ron index b9813a8..52e7d9c 100644 --- a/.config/anyrun/config.ron +++ b/.config/anyrun/config.ron @@ -25,7 +25,7 @@ Config( layer: Overlay, // Hide the plugin info panel - hide_plugin_info: false, + hide_plugin_info: true, // Close window when a click outside the main box is received close_on_click: false, diff --git a/.config/hypr/config/LayerRules.conf b/.config/hypr/config/LayerRules.conf index a51a057..8ad3479 100644 --- a/.config/hypr/config/LayerRules.conf +++ b/.config/hypr/config/LayerRules.conf @@ -1,5 +1,6 @@ layerrule = blur, gtk-layer-shell layerrule = blur, logout_dialog + layerrule = blur, waybar layerrule = ignorezero, waybar @@ -7,3 +8,10 @@ layerrule = blur, anyrun layerrule = ignorezero, anyrun layerrule = blur, swaync-notification-window +layerrule = ignorezero, swaync-notification-window + +layerrule = blur, swaync-control-center +layerrule = ignorezero, swaync-control-center + +layerrule = blur, hyprswitch +layerrule = ignorezero, hyprswitch diff --git a/.config/swaync/config.json b/.config/swaync/config.json index 3506892..f462ca2 100644 --- a/.config/swaync/config.json +++ b/.config/swaync/config.json @@ -5,7 +5,9 @@ "title", "mpris", "dnd", - "notifications" + "notifications", + "volume", + "buttons-grid" ], "widget-config": { "inhibitors": { @@ -24,6 +26,27 @@ "mpris": { "image-size": 96, "image-radius": 12 + }, + "buttons-grid": { + "actions": [ + { + "label": "Logout", + "command": "loginctl terminate-user $USER" + }, + { + "label": "Shutdown", + "command": "systemctl poweroff" + }, + { + "label": "Reboot", + "command": "systemctl reboot" + } + ] + }, + "volume": { + "label": "Volume", + "show-per-app": true, + "show-per-app-icon": true } } } diff --git a/.config/theming/applications/anyrun/entry.scss b/.config/theming/applications/anyrun/entry.scss index 8f57042..d1779c4 100644 --- a/.config/theming/applications/anyrun/entry.scss +++ b/.config/theming/applications/anyrun/entry.scss @@ -1,33 +1,36 @@ @import "../../library/entry.scss"; -* { - color: $foreground; +$background: rgba(30, 30, 30, 0.8); +$foreground: #ffffff; - border-radius: $border-radius; -} #window { - background-color: rgba(0, 0, 0, 0); } box#main { background-color: $background; - box-shadow: $box-shadow; - border: none; + border: 1px solid $color2; + border-radius: $border-radius; + color: $foreground; + box-shadow: $box-shadow-inner-less; } - -list { +entry { + padding: $input-padding; + border: none; + box-shadow: none; + color: $foreground } list#main { background-color: rgba(0, 0, 0, 0); - padding: 0.5rem; + //padding: 0.5rem; } list#plugin { background-color: rgba(0, 0, 0, 0); + padding: 1rem; } label#match-desc { diff --git a/.config/theming/applications/hyprswitch/style.scss b/.config/theming/applications/hyprswitch/style.scss index 6838005..135f7c8 100644 --- a/.config/theming/applications/hyprswitch/style.scss +++ b/.config/theming/applications/hyprswitch/style.scss @@ -1,4 +1,4 @@ -@import "../../theming/library/entry.scss"; +@import "../../library/entry.scss"; :root { --bg-color: #{$background}; diff --git a/.config/theming/applications/nwg-drawer/style.scss b/.config/theming/applications/nwg-drawer/style.scss index 3784d14..5776f95 100644 --- a/.config/theming/applications/nwg-drawer/style.scss +++ b/.config/theming/applications/nwg-drawer/style.scss @@ -1,11 +1,11 @@ -@import "../../theming/library/entry.scss"; +@import "../../library/entry.scss"; * { color: $foreground; } window { - background-color: $background-semitransparent; + background-color: $background; color: $foreground } diff --git a/.config/theming/applications/swaync/controlpanel.scss b/.config/theming/applications/swaync/controlpanel.scss index 7f15ce1..b978ade 100644 --- a/.config/theming/applications/swaync/controlpanel.scss +++ b/.config/theming/applications/swaync/controlpanel.scss @@ -2,10 +2,10 @@ .control-center { /* The Control Center which contains the old notifications + widgets */ - background: $background-semitransparent; + background: $background; color: $foreground; border-radius: $border-radius; - border-left: 1px solid $foreground; + border-left: 1px solid $color5; box-shadow: $box-shadow-inner; padding-left: 1rem; padding-right: 1rem; diff --git a/.config/theming/applications/swaync/notification.scss b/.config/theming/applications/swaync/notification.scss index 339b29e..72bf6c1 100644 --- a/.config/theming/applications/swaync/notification.scss +++ b/.config/theming/applications/swaync/notification.scss @@ -7,7 +7,7 @@ $notify-bg-hover: $background; $notify-bg-darker: color.adjust($background, $lightness: -2%); $notify-bg-focus: color.adjust($background, $lightness: 4%); -$close-bg: rgba($foreground, 0.4); +$close-bg: rgba($foreground, 0.6); $close-bg-hover: transparent; .notification-row { @@ -51,7 +51,6 @@ $close-bg-hover: transparent; padding: 0; transition: background 0.15s ease-in-out; background: $notify-bg; - box-shadow: $box-shadow; } .notification-row .notification-background .notification.low { @@ -83,7 +82,7 @@ $close-bg-hover: transparent; .notification-row .notification-background .notification .notification-default-action { /* The large action that also displays the notification summary and body */ - border-radius: 12px; + border-radius: $border-radius; } .notification-row .notification-background .notification .notification-default-action:not(:only-child) { @@ -94,8 +93,8 @@ $close-bg-hover: transparent; .notification-row .notification-background .notification .notification-default-action .notification-content { background: transparent; - border-radius: 12px; - padding: 4px; + border-radius: $border-radius; + padding: 0.3rem; } .notification-row .notification-background .notification .notification-default-action .notification-content .image { @@ -103,7 +102,7 @@ $close-bg-hover: transparent; -gtk-icon-effect: none; border-radius: 100px; /* Size in px */ - margin: 4px; + margin: 2px; } .notification-row .notification-background .notification .notification-default-action .notification-content .app-icon { @@ -150,7 +149,7 @@ $close-bg-hover: transparent; /* The "extra" optional bottom notification image */ margin-top: 4px; background-color: white; - border-radius: 12px; + border-radius: $border-radius; -gtk-icon-effect: none; } @@ -164,20 +163,20 @@ $close-bg-hover: transparent; color: $foreground; caret-color: $foreground; border: 1px solid $notify-border-color; - border-radius: 12px; + border-radius: $border-radius; } .notification-row .notification-background .notification .notification-default-action .notification-content .inline-reply .inline-reply-button { margin-left: 4px; background: $notify-bg; border: 1px solid $notify-border-color; - border-radius: 12px; + border-radius: $border-radius; color: $foreground; } .notification-row .notification-background .notification .notification-default-action .notification-content .inline-reply .inline-reply-button:disabled { background: initial; - color: $foreground-disabled; + color: $foreground; border: 1px solid $notify-border-color; border-color: transparent; } diff --git a/.config/theming/applications/swaync/style.scss b/.config/theming/applications/swaync/style.scss index 55ee5cb..4d794c1 100644 --- a/.config/theming/applications/swaync/style.scss +++ b/.config/theming/applications/swaync/style.scss @@ -1,5 +1,5 @@ @use "sass:color"; -@import "../../theming/library/entry.scss"; +@import "../../library/entry.scss"; -@import "./notification.scss"; @import "./controlpanel.scss"; +@import "./notification.scss"; diff --git a/.config/theming/applications/swaync/variables.scss b/.config/theming/applications/swaync/variables.scss deleted file mode 100644 index 941badc..0000000 --- a/.config/theming/applications/swaync/variables.scss +++ /dev/null @@ -1,4 +0,0 @@ -$foreground-disabled: color.adjust($foreground, $lightness: -0.4); - -$border-radius: 0.3rem; -$box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; diff --git a/.config/theming/applications/waybar/style.scss b/.config/theming/applications/waybar/style.scss index 1320292..da4bfcd 100644 --- a/.config/theming/applications/waybar/style.scss +++ b/.config/theming/applications/waybar/style.scss @@ -1,4 +1,4 @@ -@import "../../theming/library/entry.scss"; +@import "../../library/entry.scss"; $red: $color1; $green: $color2; @@ -20,7 +20,7 @@ $dim: rgba($background, 0.75); } window { - background: $background-semitransparent; + background: $background; color: $foreground; transition-property: background-color; transition-duration: 0.5s; diff --git a/.config/theming/library/_colors.scss b/.config/theming/library/_colors.scss index 9218441..6006a59 100644 --- a/.config/theming/library/_colors.scss +++ b/.config/theming/library/_colors.scss @@ -1,6 +1,4 @@ @import "../../../.cache/wal/colors.scss"; -$background-semitransparent: rgba($background, 0.95); -$foreground-disabled: rgba($foreground, 0.75); - - +$background: rgba(30, 30, 30, 0.5); +$foreground: #ffffff; diff --git a/.config/theming/library/_variables.scss b/.config/theming/library/_variables.scss index 3816eeb..db6c0e0 100644 --- a/.config/theming/library/_variables.scss +++ b/.config/theming/library/_variables.scss @@ -1,5 +1,9 @@ -$border-radius: 0.3rem; +$border-radius: 15px; +$border-color: $foreground; -$box-shadow: rgba($color10, 0.25) 0px 50px 100px -20px, rgba($foreground, 0.3) 0px 30px 60px -30px, rgba($color11, 0.35) 0px -2px 6px 0px inset; -$box-shadow-inner: rgba($foreground, 0.17) 0px -23px 25px 0px inset, rgba($foreground, 0.15) 0px -36px 30px 0px inset, rgba($foreground, 0.1) 0px -79px 40px 0px inset, rgba($foreground, 0.06) 0px 2px 1px, rgba($foreground, 0.09) 0px 4px 2px, rgba($foreground, 0.09) 0px 8px 4px, rgba($foreground, 0.09) 0px 16px 8px, rgba($foreground, 0.09) 0px 32px 16px; -$box-shadow-outer: rgba($foreground, 0.35) 0px 5px 15px; +$input-padding: 8px 15px; + +$box-shadow: rgba($color11, 0.35) 0px -2px 6px 0px inset; +$box-shadow-inner: rgba($border-color, 0.17) 0px -23px 25px 0px inset, rgba($border-color, 0.15) 0px -36px 30px 0px inset, rgba($border-color, 0.1) 0px -79px 40px 0px inset; +$box-shadow-inner-less: rgba($border-color, 0.06) 0px -23px 25px 0px inset, rgba($border-color, 0.03) 0px -36px 30px 0px inset, rgba($border-color, 0.01) 0px -79px 40px 0px inset; +$box-shadow-outer: rgba($border-color, 0.35) 0px 5px 15px;