initial commit
This commit is contained in:
parent
7c25a75c77
commit
dd73598196
10 changed files with 144 additions and 0 deletions
100
style.css
Normal file
100
style.css
Normal file
|
@ -0,0 +1,100 @@
|
|||
/*
|
||||
_ _
|
||||
__ _| | ___ __ _ ___ _ _| |_
|
||||
\ \ /\ / / |/ _ \ / _` |/ _ \| | | | __|
|
||||
\ V V /| | (_) | (_| | (_) | |_| | |_
|
||||
\_/\_/ |_|\___/ \__, |\___/ \__,_|\__|
|
||||
|___/
|
||||
|
||||
by Stephan Raabe (2023)
|
||||
-----------------------------------------------------
|
||||
*/
|
||||
|
||||
/* -----------------------------------------------------
|
||||
* Import Pywal colors
|
||||
* ----------------------------------------------------- */
|
||||
@import '../../.cache/wal/colors-waybar.css';
|
||||
|
||||
/* -----------------------------------------------------
|
||||
* General
|
||||
* ----------------------------------------------------- */
|
||||
|
||||
/* * { */
|
||||
/* font-family: Fira Code Medium; */
|
||||
/* font-size: 16pt; */
|
||||
/* background-image: none; */
|
||||
/* transition: 20ms; */
|
||||
/* box-shadow: none; */
|
||||
/* } */
|
||||
|
||||
window {
|
||||
font-family: Hurmit Nerd Font;
|
||||
font-size: 16pt;
|
||||
color: #cdd6f4; /* text */
|
||||
background-color: rgba(54, 56, 64, 0.73);
|
||||
}
|
||||
|
||||
button {
|
||||
color: @color7;
|
||||
font-size:20px;
|
||||
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 25%;
|
||||
|
||||
border-style: solid;
|
||||
background-color: rgba(12, 12, 12, 0.5);
|
||||
border: 3px solid @color6;
|
||||
|
||||
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:active,
|
||||
button:hover {
|
||||
color: @color11;
|
||||
background-color: rgba(12, 12, 12, 0.5);
|
||||
border: 3px solid @color2;
|
||||
}
|
||||
|
||||
/*
|
||||
-----------------------------------------------------
|
||||
Buttons
|
||||
-----------------------------------------------------
|
||||
*/
|
||||
|
||||
#lock {
|
||||
margin: 16px;
|
||||
border-radius: 20px;
|
||||
background-image: image(url("icons/lock.png"));
|
||||
}
|
||||
|
||||
#logout {
|
||||
margin: 16px;
|
||||
border-radius: 20px;
|
||||
background-image: image(url("icons/logout.png"));
|
||||
}
|
||||
|
||||
#suspend {
|
||||
margin: 16px;
|
||||
border-radius: 20px;
|
||||
background-image: image(url("icons/suspend.png"));
|
||||
}
|
||||
|
||||
#hibernate {
|
||||
margin: 16px;
|
||||
border-radius: 20px;
|
||||
background-image: image(url("icons/hibernate.png"));
|
||||
}
|
||||
|
||||
#shutdown {
|
||||
margin: 16px;
|
||||
border-radius: 20px;
|
||||
background-image: image(url("icons/shutdown.png"));
|
||||
}
|
||||
|
||||
#reboot {
|
||||
margin: 16px;
|
||||
border-radius: 20px;
|
||||
background-image: image(url("icons/reboot.png"));
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue