Skip to content

B
branding-etersoft-ximper
Verified Commit cc17d73d authored by Кирилл Уницаев's avatar Кирилл Уницаев
Browse files
Options

hyprland configs: update swaync and wlogout

parent c5861738
Hide whitespace changes
Inline Side-by-side
Showing with 40 additions and 38 deletions
configs/hyprland/swaync/config.json
View file @ cc17d73d
...@@ -85,7 +85,7 @@ ...@@ -85,7 +85,7 @@
"buttons-grid": { "buttons-grid": {
"actions": [ "actions": [
{ {
"label": " ", "label": "",
"command": "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle" "command": "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle"
}, },
{ {
...@@ -93,7 +93,7 @@ ...@@ -93,7 +93,7 @@
"command": "wpctl set-mute @DEFAULT_AUDIO_SOURCE@ toggle" "command": "wpctl set-mute @DEFAULT_AUDIO_SOURCE@ toggle"
}, },
{ {
"label": " ", "label": "",
"command": "kitty --class nmtui nmtui" "command": "kitty --class nmtui nmtui"
}, },
{ {
......
configs/hyprland/swaync/style.css
View file @ cc17d73d
@define-color bg #0B0E1D; @define-color bg #0B0E1D;
@define-color selected_bg #101322; @define-color selected_bg #1D202F;
@define-color hover_bg #191b27; @define-color hover_bg #191b27;
@define-color text #D8E2EA; @define-color text #D8E2EA;
@define-color selected_text #a6a7ac; @define-color selected_text #a6a7ac;
...@@ -24,10 +24,9 @@ ...@@ -24,10 +24,9 @@
/* CONTROL CENTER ------------------------------------------------------------------------ */ /* CONTROL CENTER ------------------------------------------------------------------------ */
.control-center { .control-center {
background: alpha(@bg, 0.750); background: @bg;
border-radius: 24px; border-radius: 15px;
-gtk-outline-radius: 1.705rem; -gtk-outline-radius: 1.705rem;
border: 1px solid @border;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
margin: 18px; margin: 18px;
padding: 12px; padding: 12px;
...@@ -40,10 +39,10 @@ ...@@ -40,10 +39,10 @@
.notification-background .notification-background
.notification.critical { .notification.critical {
background-color: @selected_bg; background-color: @selected_bg;
border-radius: 16px; border-radius: 15px;
border: 0.5px solid @border; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
margin: 4px 0px; margin: 4px 0px;
padding: 4px; padding: 5px;
} }
.control-center .control-center
...@@ -58,8 +57,8 @@ ...@@ -58,8 +57,8 @@
.notification-background .notification-background
.notification .notification
.notification-content { .notification-content {
margin: 6px; margin: 2px;
padding: 8px 6px 2px 2px; padding: 2px;
} }
.control-center .control-center
...@@ -78,9 +77,9 @@ ...@@ -78,9 +77,9 @@
> *:last-child > *:last-child
> * > *
.notification-action { .notification-action {
background: alpha(@bg, 0.6); background: @bg;
color: @text; color: @text;
border-radius: 12px; border-radius: 15px;
margin: 6px; margin: 6px;
} }
...@@ -91,8 +90,8 @@ ...@@ -91,8 +90,8 @@
> *:last-child > *:last-child
> * > *
.notification-action:hover { .notification-action:hover {
background: @selected_bg; background: alpha(@bg, 0.6);
border: 0.5px solid @selected_text; border: 0.5px solid @border;
} }
.control-center .control-center
...@@ -117,7 +116,7 @@ ...@@ -117,7 +116,7 @@
} }
.control-center .notification-row .notification-background .close-button:hover { .control-center .notification-row .notification-background .close-button:hover {
background: @selected_bg; background: alpha(@bg, 0.6);
border: 0.5px solid @border; border: 0.5px solid @border;
} }
...@@ -125,7 +124,7 @@ ...@@ -125,7 +124,7 @@
.notification-row .notification-row
.notification-background .notification-background
.close-button:active { .close-button:active {
background: @selected_bg; background: alpha(@bg, 0.6);
border: 0.5px solid @border; border: 0.5px solid @border;
} }
...@@ -180,17 +179,17 @@ ...@@ -180,17 +179,17 @@
.widget-title button:hover { .widget-title button:hover {
background-color: @selected_bg; background-color: @selected_bg;
border: 1px solid @selected_text; border: 0.5px solid @border;
} }
.widget-title button:active { .widget-title button:active {
background-color: @selected_bg; background-color: @selected_bg;
border: 1px solid @selected_text; border: 0.5px solid @border;
} }
.widget-dnd > switch { .widget-dnd > switch {
background: @selected_bg;; background: @selected_bg;
font-size: initial; font-size: initial;
border-radius: 8px; border-radius: 8px;
box-shadow: none; box-shadow: none;
...@@ -239,13 +238,13 @@ ...@@ -239,13 +238,13 @@
} }
.widget-buttons-grid > flowbox > flowboxchild > button:hover { .widget-buttons-grid > flowbox > flowboxchild > button:hover {
background: @hover_bg; background: alpha(@bg, 0.80);
} }
/* Music player */ /* Music player */
.widget-mpris { .widget-mpris {
background: @selected_bg; background: @selected_bg;
border-radius: 16px; border-radius: 15px;
color: @text; color: @text;
margin: 20px 6px; margin: 20px 6px;
} }
...@@ -253,9 +252,10 @@ ...@@ -253,9 +252,10 @@
/* NOTE: Background need *opacity 1* otherwise will turn into the album art blurred */ /* NOTE: Background need *opacity 1* otherwise will turn into the album art blurred */
.widget-mpris-player { .widget-mpris-player {
background: @selected_bg; background: @selected_bg;
border-radius: 22px; border-radius: 15px;
border: 0px;
padding: 10px; padding: 10px;
margin: 5px; margin: 0px;
} }
.widget-mpris button { .widget-mpris button {
...@@ -267,7 +267,7 @@ ...@@ -267,7 +267,7 @@
} }
.widget-mpris-album-art { .widget-mpris-album-art {
border-radius: 16px; border-radius: 15px;
} }
.widget-mpris-title { .widget-mpris-title {
...@@ -284,7 +284,7 @@ ...@@ -284,7 +284,7 @@
} }
.powermode-buttons { .powermode-buttons {
background: alpha(@bg, 0.60); background: alpha(@selected_bg, 0.80);
padding: 10px; padding: 10px;
margin: 8px; margin: 8px;
border-radius: 15px; border-radius: 15px;
...@@ -307,10 +307,9 @@ ...@@ -307,10 +307,9 @@
} }
.floating-notifications.background .notification-row .notification-background { .floating-notifications.background .notification-row .notification-background {
background: alpha(@selected_bg, .55); background: @bg;
box-shadow: 0 0 8px 0 rgba(0,0,0,.6); box-shadow: 0 0 8px 0 rgba(0,0,0,.6);
border: 1px solid @border; border-radius: 15px;
border-radius: 24px;
margin: 16px; margin: 16px;
padding: 0; padding: 0;
} }
...@@ -329,19 +328,19 @@ ...@@ -329,19 +328,19 @@
} }
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action { .floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action {
border-radius: 8px; border-radius: 15px;
background-color: @hover_bg; background: alpha(@selected_bg, 0.40);
margin: 6px; margin: 6px;
border: 1px solid transparent; border: 1px solid transparent;
} }
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:hover { .floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:hover {
background-color: @selected_bg; background: alpha(@selected_bg, 0.80);
border: 1px solid @border; border: 1px solid @border;
} }
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:active { .floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:active {
background-color: @selected_bg; background: alpha(@selected_bg, 0.80);
color: @text; color: @text;
} }
...@@ -367,11 +366,13 @@ ...@@ -367,11 +366,13 @@
} }
.floating-notifications.background .notification-row .notification-background .close-button:hover { .floating-notifications.background .notification-row .notification-background .close-button:hover {
background-color: @hover_bg; background: alpha(@selected_bg, 0.80);
border: 1px solid @border;
} }
.floating-notifications.background .notification-row .notification-background .close-button:active { .floating-notifications.background .notification-row .notification-background .close-button:active {
background-color: @hover_bg; background: alpha(@selected_bg, 0.80);
border: 1px solid @border;
color: @text; color: @text;
} }
configs/hyprland/wlogout/style.css
View file @ cc17d73d
...@@ -17,10 +17,11 @@ button { ...@@ -17,10 +17,11 @@ button {
} }
button:focus { button:focus {
box-shadow: none; background-size: 50%;
background-size: 20%; border: 2px solid #a6a7ac;
color: transparent;
transition: all 0.4s cubic-bezier(0.55, 0, 0.28, 1.682), box-shadow 1s ease-in;
} }
button:hover { button:hover {
background-size: 50%; background-size: 50%;
border: 2px solid #a6a7ac; border: 2px solid #a6a7ac;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment