add swww and pywal
This commit is contained in:
parent
076fe3ab81
commit
7798e8360c
19 changed files with 604 additions and 51 deletions
|
|
@ -1,34 +1,14 @@
|
|||
/*
|
||||
* Modules groups
|
||||
*/
|
||||
.modules-left {
|
||||
padding: 0 3px;
|
||||
border: 1px solid rgba(125, 125, 125, 0.66);
|
||||
border-radius: 5px;
|
||||
background: rgba(0, 0, 0, 0.66);
|
||||
margin-left: 10px;
|
||||
animation: fadeIn 2.5s;
|
||||
}
|
||||
|
||||
.modules-center {
|
||||
padding: 0 3px;
|
||||
border: 1px solid rgba(125, 125, 125, 0.66);
|
||||
border-radius: 5px;
|
||||
background: rgba(0, 0, 0, 0.66);
|
||||
animation: fadeIn 2.5s;
|
||||
}
|
||||
|
||||
.modules-right {
|
||||
padding: 0 3px;
|
||||
border: 1px solid rgba(125, 125, 125, 0.66);
|
||||
border-radius: 5px;
|
||||
background: rgba(0, 0, 0, 0.66);
|
||||
margin-right: 10px;
|
||||
animation: fadeIn 2.5s;
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
0% { opacity: 0; }
|
||||
100% { opacity: 1; }
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,11 +1,13 @@
|
|||
.module {
|
||||
border-radius: 9999px;
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
label.module {
|
||||
padding: 0 10px;
|
||||
box-shadow: inset 0 -2px;
|
||||
transition: color 0.5s ease-in-out;
|
||||
transition: background-color 0.5s ease-in-out;
|
||||
/* box-shadow: inset 0 -2px; */
|
||||
}
|
||||
|
||||
box.module {
|
||||
padding: 0 10px;
|
||||
box-shadow: inset 0 -2px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
#clock {
|
||||
color: #8fbcbb;
|
||||
color: #eee;
|
||||
background-color: @color4;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
.custom-spotify {
|
||||
color: #1db954;
|
||||
color: #333;
|
||||
background-color: #1db954;
|
||||
font-style: italic;
|
||||
}
|
||||
|
|
|
|||
4
waybar/styles/modules/swaync.css
Normal file
4
waybar/styles/modules/swaync.css
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
.custom-swaync {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
4
waybar/styles/modules/swww.css
Normal file
4
waybar/styles/modules/swww.css
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
.custom-swww {
|
||||
color: @color9;
|
||||
}
|
||||
|
||||
|
|
@ -1,5 +1,6 @@
|
|||
#wireplumber {
|
||||
color: #a3be8c;
|
||||
color: #eee;
|
||||
background-color: @color6;
|
||||
}
|
||||
|
||||
#wireplumber.muted {
|
||||
|
|
|
|||
|
|
@ -1,29 +1,39 @@
|
|||
|
||||
#workspaces {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
padding: 0;
|
||||
border: 2px solid @color4;
|
||||
}
|
||||
|
||||
#workspaces button {
|
||||
padding: 0 5px;
|
||||
padding: 0 4px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
box-shadow: inset 0 -3px transparent;
|
||||
transition: color 0.5s ease;
|
||||
border-radius: 0;
|
||||
color: @color8;
|
||||
}
|
||||
|
||||
#workspaces button:first-child {
|
||||
padding-left: 8px;
|
||||
border-radius: 9999px 0 0 9999px;
|
||||
}
|
||||
|
||||
#workspaces button:last-child {
|
||||
padding-right: 8px;
|
||||
border-radius: 0 9999px 9999px 0;
|
||||
}
|
||||
|
||||
#workspaces button.active {
|
||||
color: #5e81ac;
|
||||
box-shadow: inset 0 -3px #5e81ac;
|
||||
background-color: @color4;
|
||||
color: @color8;
|
||||
}
|
||||
|
||||
#workspaces button:hover {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 -3px #5e81ac;
|
||||
background: @color4;
|
||||
color: @color8;
|
||||
}
|
||||
|
||||
#workspaces button.focused {
|
||||
background-color: #81a1c1;
|
||||
background-color: @color5;
|
||||
}
|
||||
|
||||
#workspaces button.urgent {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,18 @@
|
|||
window#waybar {
|
||||
background-color: transparent;
|
||||
background: linear-gradient(90deg, mix(@color0, transparent, 0.5), mix(@color1, transparent, 0.5), mix(@color0, transparent, 0.5));
|
||||
animation: fadeIn 2.5s;
|
||||
}
|
||||
|
||||
button {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
window#waybar.hidden {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
0% { opacity: 0; }
|
||||
100% { opacity: 1; }
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue