dachxy/nix-conf
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: update waybar style

Browse source
This commit is contained in:
DACHXY 2025-01-15 01:02:38 +08:00
parent 69e41c6e05
commit 984bc4c5d8
27 changed files with 275 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
home/config/wlogout/icons/hibernate.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 10 KiB

1
home/config/wlogout/icons/hibernate.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 24 24" fill="none" stroke="#ebdbb2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-stop-circle"><circle cx="12" cy="12" r="10"></circle><rect x="9" y="9" width="6" height="6"></rect></svg>
Side by side

After

Width:  |  Height:  |  Size: 307 B

BIN
home/config/wlogout/icons/lock.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 4.6 KiB

1
home/config/wlogout/icons/lock.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 24 24" fill="none" stroke="#ebdbb2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
Side by side

After

Width:  |  Height:  |  Size: 319 B

BIN
home/config/wlogout/icons/logout.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 7.6 KiB

1
home/config/wlogout/icons/logout.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 24 24" fill="none" stroke="#ebdbb2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-log-out"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
Side by side

After

Width:  |  Height:  |  Size: 365 B

BIN
home/config/wlogout/icons/reboot.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 8.4 KiB

1
home/config/wlogout/icons/reboot.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 24 24" fill="none" stroke="#ebdbb2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-refresh-cw"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg>
Side by side

After

Width:  |  Height:  |  Size: 398 B

BIN
home/config/wlogout/icons/shutdown.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 9.5 KiB

1
home/config/wlogout/icons/shutdown.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 24 24" fill="none" stroke="#ebdbb2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-power"><path d="M18.36 6.64a9 9 0 1 1-12.73 0"></path><line x1="12" y1="2" x2="12" y2="12"></line></svg>
Side by side

After

Width:  |  Height:  |  Size: 306 B

BIN
home/config/wlogout/icons/suspend.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 11 KiB

1
home/config/wlogout/icons/suspend.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 24 24" fill="none" stroke="#ebdbb2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pause-circle"><circle cx="12" cy="12" r="10"></circle><line x1="10" y1="15" x2="10" y2="9"></line><line x1="14" y1="15" x2="14" y2="9"></line></svg>
Side by side

After

Width:  |  Height:  |  Size: 350 B

38
home/config/wlogout/style.css
View file

@ -1,15 +1,18 @@
@define-color main #ebdbb2;
* {
background-image: none;
transition-property: all;
transition-duration: 0.3s;
}
window {
background-color: rgba(36, 39, 58, 0.9);
background-color: rgba(0, 0, 0, 0);
}
button {
margin: 8px;
color: #cad3f5;
background-color: #363a4f;
color: @main;
border-style: solid;
border-width: 2px;
background-repeat: no-repeat;
@ -20,31 +23,44 @@ button {
button:active,
button:focus,
button:hover {
color: #8bd5ca;
background-color: #24273a;
color: @main;
background-color: alpha(@main, 0.4);
outline-style: none;
transition-property: all;
transition-duration: 0.3s;
}
#lock,
#logout,
#suspend,
#hibernate,
#shutdown,
#reboot {
background-position: center center;
background-size: 250px;
background-repeat: no-repeat;
}
#lock {
background-image: image(url("icons/lock.png"));
background-image: url("icons/lock.svg");
}
#logout {
background-image: image(url("icons/logout.png"));
background-image: url("icons/logout.svg");
}
#suspend {
background-image: image(url("icons/suspend.png"));
background-image: url("icons/suspend.svg");
}
#hibernate {
background-image: image(url("icons/hibernate.png"));
background-image: url("icons/hibernate.svg");
}
#shutdown {
background-image: image(url("icons/shutdown.png"));
background-image: url("icons/shutdown.svg");
}
#reboot {
background-image: image(url("icons/reboot.png"));
background-image: url("icons/reboot.svg");
}