hyprland configs: update and fix

parent 1724e791
...@@ -13,7 +13,7 @@ bind = $mainMod, F, togglefloating,B ...@@ -13,7 +13,7 @@ bind = $mainMod, F, togglefloating,B
bind = $mainMod, F11, fullscreenstate, 2 bind = $mainMod, F11, fullscreenstate, 2
bind = $mainMod, D, exec, pkill wofi || wofi --show drun bind = $mainMod, D, exec, pkill wofi || wofi --show drun
bind = $mainMod, L, exec, wlogout bind = $mainMod, L, exec, wlogout -b 5 -T 300 -B 300
bind = $mainMod, V, exec, pkill wofi || cliphist-wofi-img | wl-copy bind = $mainMod, V, exec, pkill wofi || cliphist-wofi-img | wl-copy
bind = $mainMod, N, exec, swaync-client -t bind = $mainMod, N, exec, swaync-client -t
......
[animation]
blur = true
fade_in = true
[env]
environment = "production"
[general]
clock_format = "24-hour"
[theme]
background_color = "#B0E1D"
font_color = "#7E01FF"
font_size = 160
...@@ -32,4 +32,3 @@ listener { ...@@ -32,4 +32,3 @@ listener {
timeout = 1800 timeout = 1800
on-timeout = systemctl suspend on-timeout = systemctl suspend
} }
...@@ -14,5 +14,8 @@ ...@@ -14,5 +14,8 @@
# Display on all monitors: # Display on all monitors:
# wallpaper = , "file path" # wallpaper = , "file path"
splash = true
splash_color = rgb(D8E2EA)
preload = /usr/share/wallpapers/ximper/44.png preload = /usr/share/wallpapers/ximper/44.png
wallpaper = ,/usr/share/wallpapers/ximper/44.png wallpaper = ,/usr/share/wallpapers/ximper/44.png
...@@ -12,4 +12,18 @@ windowrulev2 = float, tag:images ...@@ -12,4 +12,18 @@ windowrulev2 = float, tag:images
windowrulev2 = float,class:^(org.gnome.FileRoller)$ windowrulev2 = float,class:^(org.gnome.FileRoller)$
windowrulev2 = float,class:^(blueman-manager)$ windowrulev2 = float,class:^(blueman-manager)$
windowrulev2 = float,class:^(nm-connection-editor)$ windowrulev2 = float,class:^(nm-connection-editor)$
windowrulev2 = float,class:^(com.saivert.pwvucontrol)$
windowrulev2 = float,class:^(xdg-desktop-portal-gtk)$ windowrulev2 = float,class:^(xdg-desktop-portal-gtk)$
#---------- Запуск из панели ---- Launching from the panel
windowrulev2 = float, class:^(nm-connection-editor)$
windowrulev2 = size 500 350, class:^(nm-connection-editor)$
windowrulev2 = move 73.6% 5%, class:^(nm-connection-editor)$
windowrulev2 = float, class:^(blueman-manager)$
windowrulev2 = size 530 350, class:^(blueman-manager)$
windowrulev2 = move 71.9% 5%, class:^(blueman-manager)$
windowrulev2 = float, class:^(com.saivert.pwvucontrol)$
windowrulev2 = size 530 350, class:^(com.saivert.pwvucontrol)$
windowrulev2 = move 71.9% 5%, class:^(com.saivert.pwvucontrol)$
...@@ -86,7 +86,7 @@ color14 #98d3ee ...@@ -86,7 +86,7 @@ color14 #98d3ee
color7 #cbced3 color7 #cbced3
color15 #d0d3d8 color15 #d0d3d8
background_opacity 0.7 background_opacity 0.85
# Сочетания клавиш / Keyboard shortcuts # Сочетания клавиш / Keyboard shortcuts
map kitty_mod+t new_tab map kitty_mod+t new_tab
......
...@@ -3,24 +3,27 @@ ...@@ -3,24 +3,27 @@
"positionX": "right", "positionX": "right",
"positionY": "top", "positionY": "top",
"layer": "overlay", "layer": "overlay",
"control-center-layer": "top",
"layer-shell": true, "layer-shell": true,
"cssPriority": "user", "cssPriority": "user",
"control-center-width": 380, "control-center-width": 380,
"control-center-height": 760, "control-center-height": 760,
"control-center-margin-top": 2, "control-center-margin-top": 2,
"control-center-margin-bottom": 2, "control-center-margin-bottom": 2,
"control-center-margin-right": 1, "control-center-margin-right": 1,
"control-center-margin-left": 0, "control-center-margin-left": 0,
"notification-2fa-action": true, "notification-2fa-action": true,
"notification-inline-replies": false, "notification-inline-replies": false,
"notification-window-width": 400, "notification-window-width": 400,
"notification-icon-size": 45, "notification-icon-size": 45,
"notification-body-image-height": 160, "notification-body-image-height": 160,
"notification-body-image-width": 200, "notification-body-image-width": 200,
"timeout": 4, "timeout": 4,
"timeout-low": 2, "timeout-low": 2,
"timeout-critical": 6, "timeout-critical": 6,
"fit-to-screen": false, "fit-to-screen": false,
"keyboard-shortcuts": true, "keyboard-shortcuts": true,
"image-visibility": "when-available", "image-visibility": "when-available",
...@@ -28,10 +31,10 @@ ...@@ -28,10 +31,10 @@
"hide-on-clear": false, "hide-on-clear": false,
"hide-on-action": false, "hide-on-action": false,
"script-fail-notify": true, "script-fail-notify": true,
"widgets": [ "widgets": [
"menubar#label", "menubar#label",
"buttons-grid", "buttons-grid",
"volume",
"mpris", "mpris",
"title", "title",
"dnd", "dnd",
...@@ -50,12 +53,6 @@ ...@@ -50,12 +53,6 @@
"image-size": 96, "image-size": 96,
"image-radius": 12 "image-radius": 12
}, },
"volume": {
"label": "󰕾",
"show-per-app": true,
"show-per-app-label": true,
"show-per-app-icon": true
},
"menubar#label": { "menubar#label": {
"menu#powermode-buttons": { "menu#powermode-buttons": {
"label": " ", "label": " ",
...@@ -88,25 +85,24 @@ ...@@ -88,25 +85,24 @@
"buttons-grid": { "buttons-grid": {
"actions": [ "actions": [
{ {
"label": " 󰀑 ", "label": " ",
"type": "toggle", "command": "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle"
"command": "sh -c '[[ $SWAYNC_TOGGLE_STATE == true ]] && nmcli radio wwan on || nmcli radio wwannmnm off'", },
"update-command": "sh -c '[[ $(nmcli radio wwan) == \"enabled\" ]] && echo true || echo false'" {
"label": "",
"command": "wpctl set-mute @DEFAULT_AUDIO_SOURCE@ toggle"
}, },
{ {
"label": "  ", "label": " ",
"type": "toggle", "command": "nm-connection-editor"
"command": "sh -c '[[ $SWAYNC_TOGGLE_STATE == true ]] && nmcli radio wifi on || nmcli radio wifi off'",
"update-command": "sh -c '[[ $(nmcli radio wifi) == \"enabled\" ]] && echo true || echo false'"
}, },
{ {
"label": "  ", "label": "󰂯",
"type": "toggle", "command": "blueman-manager"
"command": "sh -c '[[ $SWAYNC_TOGGLE_STATE == true ]] && bluetoothctl power on || bluetoothctl power off'",
"update-command": "sh -c '[[ $(bluetoothctl show | grep 'PowerState: on') ]] && echo true || echo false'"
}, },
{ {
"label": "  " "label": "",
"command": "gtklock"
} }
] ]
} }
......
...@@ -10,84 +10,164 @@ ...@@ -10,84 +10,164 @@
@define-color unfocused #f85656; @define-color unfocused #f85656;
* { * {
font-size: 14px; color: @text;
}
.notification { all: unset;
border-radius: 15px; font-size: 14px;
background-color: @bg transition: 200ms;
} }
.notification-content { .blank-window {
padding: 10px; background: transparent;
background-color: @bg;
} }
/* CONTROL CENTER ------------------------------------------------------------------------ */
.notification-default-action:hover, .control-center {
.notification-action:hover { background: alpha(@bg, 0.750);
-gtk-icon-effect: none; border-radius: 24px;
background: @selected_bg; -gtk-outline-radius: 1.705rem;
border: 1px solid @border;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
margin: 18px;
padding: 12px;
} }
.body-image { /* Notifications */
margin-top: 6px; .control-center .notification-row .notification-background,
background-color: @bg; .control-center
.notification-row
.notification-background
.notification.critical {
background-color: @selected_bg;
border-radius: 16px;
border: 0.5px solid @border;
margin: 4px 0px;
padding: 4px;
}
.control-center
.notification-row
.notification-background
.notification.critical {
color: @unfocused;
}
.control-center
.notification-row
.notification-background
.notification
.notification-content {
margin: 6px;
padding: 8px 6px 2px 2px;
}
.control-center
.notification-row
.notification-background
.notification
> *:last-child
> * {
min-height: 3.4em;
}
.control-center
.notification-row
.notification-background
.notification
> *:last-child
> *
.notification-action {
background: alpha(@bg, 0.6);
color: @text;
border-radius: 12px; border-radius: 12px;
margin: 6px;
} }
.summary { .control-center
color: @noti-text-color; .notification-row
text-shadow: none; .notification-background
.notification
> *:last-child
> *
.notification-action:hover {
background: @selected_bg;
border: 0.5px solid @selected_text;
} }
.time { .control-center
color: @noti-text-color; .notification-row
text-shadow: none; .notification-background
margin-right: 18px; .notification
> *:last-child
> *
.notification-action:active {
background: @selected_bg;
border: 0.5px solid @border;
} }
.body { /* Buttons */
background: @bg;
.control-center .notification-row .notification-background .close-button {
background: transparent;
border-radius: 6px;
color: @text; color: @text;
text-shadow: none; margin: 0px;
padding: 4px;
} }
.control-center { .control-center .notification-row .notification-background .close-button:hover {
border-radius: 15px; background: @selected_bg;
-gtk-outline-radius: 1.705rem; border: 0.5px solid @border;
border: 1px solid @border;
margin: 5px;
background-color: @bg;
padding: 5px;
} }
.control-center-dnd { .control-center
border-radius: 15px; .notification-row
background: @bg; .notification-background
border: 1px solid @border; .close-button:active {
background: @selected_bg;
border: 0.5px solid @border;
} }
/* Notifications expanded-group */
.notification-group {
margin: 2px 8px 2px 8px;
}
.notification-group-headers {
font-weight: bold;
font-size: 1.25rem;
color: @text;
letter-spacing: 2px;
}
.control-center-dnd slider:checked { .notification-group-icon {
background: @border; color: @selected_text;
border-radius: 15px; }
.notification-group-collapse-button,
.notification-group-close-all-button {
background: transparent;
color: @text;
margin: 4px;
border-radius: 6px;
padding: 4px;
}
.notification-group-collapse-button:hover,
.notification-group-close-all-button:hover {
background: @selected_bg;
border: 0.5px solid @border;
} }
/* title widget */ /* WIDGETS --------------------------------------------------------------------------- */
/* Notification clear button */
.widget-title { .widget-title {
padding: 0.341rem; padding: 0.341rem;
margin: unset; margin: unset;
} }
.widget-title label {
font-size: 1.364rem;
color: @text;
margin-left: 0.941rem;
}
.widget-title button { .widget-title button {
border: unset; border: unset;
background-color: unset; background-color: unset;
...@@ -97,99 +177,97 @@ ...@@ -97,99 +177,97 @@
margin-right: 0.841rem; margin-right: 0.841rem;
} }
.widget-title button label {
font-size: 1.0409rem;
color: @text;
margin-right: 0.841rem;
font-family: FiraCode Nerd Font;
}
.widget-title button:hover { .widget-title button:hover {
background-color: @selected_bg; background-color: @selected_bg;
} border: 1px solid @selected_text;
.widget-title button:active {
background-color: @selected_bg;
} }
/* Buttons widget */ .widget-title button:active {
.widget-buttons-grid {
border-radius: 15px;
padding: unset;
background-color: @selected_bg; background-color: @selected_bg;
font-family: FiraCode Nerd Font; border: 1px solid @selected_text;
} }
.widget-buttons-grid>flowbox { .widget-dnd > switch {
padding: unset; background: @selected_bg;;
font-size: initial;
border-radius: 8px;
box-shadow: none;
padding: 2px;
} }
.widget-dnd > switch:hover {
.widget-buttons-grid>flowbox>flowboxchild>button { background: @selected_bg;
border: none;
background-color: unset;
min-width: 7.5rem;
min-height: 2.9rem;
padding: unset;
margin: unset;
} }
.widget-buttons-grid>flowbox>flowboxchild>button label { .widget-dnd > switch:checked {
font-size: 20px; background: @selected_bg;
color: @text;
} }
.widget-buttons-grid>flowbox>flowboxchild>button:hover { .widget-dnd > switch:checked:hover {
background-color: @hover_bg; background: @selected_bg;
} }
.widget-buttons-grid>flowbox>flowboxchild>button:checked { .widget-dnd > switch slider {
background-color: @accent; background: @selected_text;
border-radius: 6px;
} }
.widget-buttons-grid>flowbox>flowboxchild>button:checked label { .widget-dnd > switch slider:checked {
color: @bg; background: @border;
border-radius: 6px;
} }
/* Volume widget */
.widget-volume { /* Buttons menu */
background-color: @selected_bg; .widget-buttons-grid {
padding: 8px; font-size: x-large;
margin: 8px; padding: 6px 2px;
-gtk-outline-radius: 1.159rem; margin: 6px;
-gtk-outline-radius: 1.159rem; border-radius: 12px;
background: alpha(@selected_bg, 0.80);
font-family: FiraCode Nerd Font; font-family: FiraCode Nerd Font;
} }
.widget-volume trough { .widget-buttons-grid > flowbox > flowboxchild > button {
border: unset; border: none;
background-color: @selected_text; margin: 4px 10px;
padding: 6px 12px;
background: transparent;
border-radius: 8px;
} }
.widget-buttons-grid > flowbox > flowboxchild > button:hover {
background: @hover_bg;
}
.widget-volume trough slider { /* Music player */
color: unset; .widget-mpris {
background-color: @border; background: @selected_bg;
border-radius: 100%; border-radius: 16px;
min-height: 1.25rem; color: @text;
margin: 20px 6px;
} }
/* NOTE: Background need *opacity 1* otherwise will turn into the album art blurred */
.widget-mpris-player {
background: @selected_bg;
border-radius: 22px;
padding: 10px;
margin: 5px;
}
/* Mpris widget */ .widget-mpris button {
color: alpha(@text, 0.9);
}
.widget-mpris { .widget-mpris button:hover {
background-color: @selected_bg; color: alpha(@text, 0.5);
padding: 8px;
margin: 8px;
border-radius: 15px;
} }
.widget-mpris-player { .widget-mpris-album-art {
padding: 0px; border-radius: 16px;
margin: 0px;
} }
.widget-mpris-title { .widget-mpris-title {
...@@ -206,8 +284,8 @@ ...@@ -206,8 +284,8 @@
} }
.powermode-buttons { .powermode-buttons {
background-color: @bg; background: alpha(@bg, 0.60);
padding: 8px; padding: 10px;
margin: 8px; margin: 8px;
border-radius: 15px; border-radius: 15px;
} }
...@@ -215,8 +293,85 @@ ...@@ -215,8 +293,85 @@
.powermode-buttons>button { .powermode-buttons>button {
background: transparent; background: transparent;
border: none; border: none;
padding: 5px;
} }
.powermode-buttons>button:hover { .powermode-buttons>button:hover {
color: @selected_text; color: @selected_text;
} }
.notification-row {
outline: none;
margin: 0;
padding: 0px;
}
.floating-notifications.background .notification-row .notification-background {
background: alpha(@selected_bg, .55);
box-shadow: 0 0 8px 0 rgba(0,0,0,.6);
border: 1px solid @border;
border-radius: 24px;
margin: 16px;
padding: 0;
}
.floating-notifications.background .notification-row .notification-background .notification {
padding: 6px;
border-radius: 12px;
}
.floating-notifications.background .notification-row .notification-background .notification .notification-content {
margin: 13px;
}
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * {
min-height: 3.4em;
}
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action {
border-radius: 8px;
background-color: @hover_bg;
margin: 6px;
border: 1px solid transparent;
}
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:hover {
background-color: @selected_bg;
border: 1px solid @border;
}
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:active {
background-color: @selected_bg;
color: @text;
}
.image {
margin: 10px 20px 10px 0px;
}
.summary {
font-weight: 800;
font-size: 1rem;
}
.body {
font-size: 0.8rem;
}
.floating-notifications.background .notification-row .notification-background .close-button {
margin: 6px;
padding: 2px;
border-radius: 6px;
background-color: transparent;
border: 1px solid transparent;
}
.floating-notifications.background .notification-row .notification-background .close-button:hover {
background-color: @hover_bg;
}
.floating-notifications.background .notification-row .notification-background .close-button:active {
background-color: @hover_bg;
color: @text;
}
...@@ -29,6 +29,9 @@ ...@@ -29,6 +29,9 @@
"backlight", "backlight",
"idle_inhibitor", "idle_inhibitor",
"custom/sep", "custom/sep",
"pulseaudio#volume",
"pulseaudio#microphone",
"custom/sep",
"hyprland/language", "hyprland/language",
"custom/sep", "custom/sep",
"bluetooth", "bluetooth",
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
"image#menu": { "image#menu": {
"path": "/usr/share/pixmaps/ximperlinux.svg", "path": "/usr/share/pixmaps/ximperlinux.svg",
"size": 20, "size": 20,
"on-click": "pkill wofi || wofi --show drun" "on-click": "pkill wofi || wofi --show drun -x 5 -y 10 --height 35% --width 20%"
}, },
"idle_inhibitor": { "idle_inhibitor": {
"format": " {icon}", "format": " {icon}",
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
}, },
"custom/clipboard": { "custom/clipboard": {
"tooltip": false, "tooltip": false,
"on-click": "pkill wofi || cliphist-wofi-img | wl-copy", "on-click": "pkill wofi || cliphist-wofi --location 3 -x -33 -y 10 --height 35% --width 25% | wl-copy",
"on-click-right": "rm -f ~/.cache/cliphist/db", "on-click-right": "rm -f ~/.cache/cliphist/db",
"format": " " "format": " "
}, },
...@@ -96,12 +96,15 @@ ...@@ -96,12 +96,15 @@
"hyprland/language": { "hyprland/language": {
"format": "{}", "format": "{}",
"format-en": "EN", "format-en": "EN",
"format-ru": "RU" "format-ru": "RU",
"on-scroll-up": "hyprctl switchxkblayout all next",
"on-scroll-down": "hyprctl switchxkblayout all prev",
}, },
"bluetooth": { "bluetooth": {
"format": "", "format": "",
"format-disabled": "󰂳 ", "format-disabled": "󰂳 ",
"format-off": "󰂳 ", "format-on": "󰂱 ",
"format-off": "󰂲 ",
"format-disconnected": "󰂲 ", "format-disconnected": "󰂲 ",
"format-connected": "󰂱 {num_connections}", "format-connected": "󰂱 {num_connections}",
"tooltip": true, "tooltip": true,
...@@ -123,7 +126,7 @@ ...@@ -123,7 +126,7 @@
"tooltip-format-disconnected": "Нет соединения", "tooltip-format-disconnected": "Нет соединения",
"format-alt": "<span> {bandwidthDownBytes}</span> <span>  {bandwidthUpBytes}</span>", "format-alt": "<span> {bandwidthDownBytes}</span> <span>  {bandwidthUpBytes}</span>",
"interval": 2, "interval": 2,
"on-click-right": "kitty nmtui" "on-click-right": "nm-connection-editor"
}, },
"battery": { "battery": {
"states": { "states": {
......
* { * {
min-height: 0; min-height: 0;
font-size: 14px; font-size: 12px;
font-family: FiraCode Nerd Font; font-family: FiraCode Nerd Font;
font-weight: 500; font-weight: 500;
} }
window#waybar { window#waybar {
border: 1px solid @border;
transition-property: background-color; transition-property: background-color;
transition-duration: 0.8s; transition-duration: 0.8s;
background-color: @bg; background: alpha(@bg, 0.90);
border-radius: 15px; border-radius: 15px;
} }
...@@ -41,6 +40,7 @@ window#waybar.hidden { ...@@ -41,6 +40,7 @@ window#waybar.hidden {
#workspaces button { #workspaces button {
color: @text; color: @text;
border-radius: 25px; border-radius: 25px;
padding: 2px;
} }
#workspaces button:hover { #workspaces button:hover {
...@@ -68,13 +68,12 @@ window#waybar.hidden { ...@@ -68,13 +68,12 @@ window#waybar.hidden {
#image { #image {
border: none; border: none;
background-color: @bg background: none;
} }
tooltip { tooltip {
border-radius: 8px; border-radius: 8px;
border: 1px solid @border; background: alpha(@bg, 0.90);
background: @selected_bg;
color: @text color: @text
} }
......
* { * {
min-height: 0; min-height: 0;
font-size: 14px; font-size: 12px;
font-family: FiraCode Nerd Font; font-family: FiraCode Nerd Font;
font-weight: 500; font-weight: 500;
} }
window#waybar { window#waybar {
border: 2px solid @border;
transition-property: background-color; transition-property: background-color;
transition-duration: 0.8s; transition-duration: 0.8s;
background-color: @bg; background: alpha(@bg, 0.90);
border-radius: 15px; border-radius: 15px;
} }
...@@ -41,6 +40,7 @@ window#waybar.hidden { ...@@ -41,6 +40,7 @@ window#waybar.hidden {
#workspaces button { #workspaces button {
color: @text; color: @text;
border-radius: 25px; border-radius: 25px;
padding: 2px;
} }
#workspaces button:hover { #workspaces button:hover {
...@@ -68,13 +68,12 @@ window#waybar.hidden { ...@@ -68,13 +68,12 @@ window#waybar.hidden {
#image { #image {
border: none; border: none;
background-color: @bg background: none;
} }
tooltip { tooltip {
border-radius: 8px; border-radius: 8px;
border: 1px solid @border; background: alpha(@bg, 0.90);
background: @selected_bg;
color: @text color: @text
} }
......
{ {
"label" : "lock", "label" : "lock",
"action" : "gtklock", "action" : "gtklock",
"text": "Заблокировать" "text": "Заблокировать",
"keybind" : "l"
} }
{ {
"label" : "hibernate", "label" : "hibernate",
"action" : "systemctl hibernate", "action" : "systemctl hibernate",
"text": "Гибернация" "text": "Гибернация",
"keybind" : "h"
} }
{ {
"label" : "logout", "label" : "logout",
"action" : "loginctl terminate-user $USER", "action" : "loginctl kill-session $XDG_SESSION_ID",
"text": "Выйти" "text": " Выйти ",
"keybind" : "e"
} }
{ {
"label" : "shutdown", "label" : "shutdown",
"action" : "systemctl poweroff", "action" : "systemctl poweroff",
"text": "Выключение" "text": "Выключение",
} "keybind" : "s"
{
"label" : "suspend",
"action" : "systemctl suspend",
"text": "Сон"
} }
{ {
"label" : "reboot", "label" : "reboot",
"action" : "systemctl reboot", "action" : "systemctl reboot",
"text": "Перезагрузка" "text": "Перезагрузка",
"keybind" : "r"
} }
* {
background-image: none;
box-shadow: none;
}
window { window {
background-color: rgba(12, 12, 12, 0.9); font-size: 16pt;
color: #fff;
background-color: rgba(12, 12, 12, 0.6);
} }
button { button {
border-radius: 0;
border-color: #101322;
text-decoration-color: #FFFFFF;
color: #FFFFFF;
background-color: #0B0E1D;
border-style: solid;
border-width: 1px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 25%; background-size: 20%;
font-size: 17px; background-color: transparent;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s ease-in;
box-shadow: 0 0 10px 2px transparent;
border-radius: 36px;
margin: 10px;
} }
button:focus, button:active, button:hover { button:focus {
background-color: #371c77; box-shadow: none;
outline-style: none; background-size: 20%;
} }
#lock { button:hover {
border-radius: 15px 0px 0px 0px; background-size: 50%;
background-image: image(url("/usr/share/wlogout/icons/lock.png")); border: 2px solid #a6a7ac;
color: transparent;
transition: all 0.4s cubic-bezier(0.55, 0, 0.28, 1.682), box-shadow 1s ease-in;
} }
#logout { #shutdown {
background-image: image(url("/usr/share/wlogout/icons/logout.png")); background-image: image(url("/etc/ximperdistro/hyprland/wlogout/icons/power.png"));
} }
#suspend { #logout {
border-radius: 0px 15px 0px 0px; background-image: image(url("/etc/ximperdistro/hyprland/wlogout/icons/logout.png"));
background-image: image(url("/usr/share/wlogout/icons/suspend.png"));
} }
#hibernate { #reboot {
border-radius: 0px 0px 0px 15px; background-image: image(url("/etc/ximperdistro/hyprland/wlogout/icons/restart.png"));
background-image: image(url("/usr/share/wlogout/icons/hibernate.png"));
} }
#shutdown { #lock {
background-image: image(url("/usr/share/wlogout/icons/shutdown.png")); background-image: image(url("/etc/ximperdistro/hyprland/wlogout/icons/lock.png"));
} }
#reboot { #hibernate {
border-radius: 0px 0px 15px 0px; background-image: image(url("/etc/ximperdistro/hyprland/wlogout/icons/hibernate.png"));
background-image: image(url("/usr/share/wlogout/icons/reboot.png"));
} }
window { window {
margin: 1px; margin: 1px;
border: 10px solid #7E01FF; border: 2px solid #7E01FF;
border-radius: 13px; border-radius: 13px;
} }
......
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