wyj/Hyprland-dotfiles
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Update wlogout style with pywal

Browse Source
This commit is contained in:
Stephan Raabe 2023-09-21 14:04:23 +02:00
parent 31741a7440
commit 7f4d00759f
1 changed files with 34 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
wlogout/style.css
View File

@ -10,69 +10,86 @@ by Stephan Raabe (2023)
----------------------------------------------------- -----------------------------------------------------
*/ */
/* -----------------------------------------------------
* Import Pywal colors
* ----------------------------------------------------- */
@import '../../.cache/wal/colors-wlogout.css';
/* -----------------------------------------------------
* General
* ----------------------------------------------------- */
* { * {
font-family: "Fira Sans Semibold", FontAwesome, Roboto, Helvetica, Arial, sans-serif;
background-image: none; background-image: none;
transition: 0ms; transition: 20ms;
} }
window { window {
background-color: rgba(12, 12, 12, 0.1); background-color: rgba(12, 12, 12, 0.1);
background-image: url('./noise.png');
} }
button { button {
color: #FFFFFF; color: #FFFFFF;
border-style: solid; font-size:20px;
border-width: 2px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 25%; background-size: 25%;
background-color: rgba(108, 112, 134, 0.4); border-style: solid;
border: 1px solid rgba(108, 112, 134, 0.3); background-color: rgba(12, 12, 12, 0.3);
border-top: 1px solid rgba(108, 112, 134, 0.3); border: 3px solid #FFFFFF;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
} }
button:focus, button:focus,
button:active, button:active,
button:hover { button:hover {
background-color: rgba(156, 161, 192, 0.5); color: @color11;
border: 1px solid rgba(108, 112, 134, 0.15); background-color: rgba(12, 12, 12, 0.5);
border-top: 1px solid rgba(108, 112, 134, 0.15); border: 3px solid @color11;
} }
/*
-----------------------------------------------------
Buttons
-----------------------------------------------------
*/
#lock { #lock {
margin: 10px; margin: 10px;
border-radius: 20px; border-radius: 20px;
background-image: image(url("/usr/share/wlogout/icons/lock.png"), url("/usr/local/share/wlogout/icons/lock.png")); background-image: image(url("icons/lock.png"));
} }
#logout { #logout {
margin: 10px; margin: 10px;
border-radius: 20px; border-radius: 20px;
background-image: image(url("/usr/share/wlogout/icons/logout.png"), url("/usr/local/share/wlogout/icons/logout.png")); background-image: image(url("icons/logout.png"));
} }
#suspend { #suspend {
margin: 10px; margin: 10px;
border-radius: 20px; border-radius: 20px;
background-image: image(url("/usr/share/wlogout/icons/suspend.png"), url("/usr/local/share/wlogout/icons/suspend.png")); background-image: image(url("icons/suspend.png"));
} }
#hibernate { #hibernate {
margin: 10px; margin: 10px;
border-radius: 20px; border-radius: 20px;
background-image: image(url("/usr/share/wlogout/icons/hibernate.png"), url("/usr/local/share/wlogout/icons/hibernate.png")); background-image: image(url("icons/hiberate.png"));
} }
#shutdown { #shutdown {
margin: 10px; margin: 10px;
border-radius: 20px; border-radius: 20px;
background-image: image(url("/usr/share/wlogout/icons/shutdown.png"), url("/usr/local/share/wlogout/icons/shutdown.png")); background-image: image(url("icons/shutdown.png"));
} }
#reboot { #reboot {
margin: 10px; margin: 10px;
border-radius: 20px; border-radius: 20px;
background-image: image(url("/usr/share/wlogout/icons/reboot.png"), url("/usr/local/share/wlogout/icons/reboot.png")); background-image: image(url("icons/reboot.png"));
} }