added pywal option

This commit is contained in:
DIvan2000 2024-12-05 15:22:32 +04:00
parent 00075a19f0
commit ecbd9a1a50
2 changed files with 25 additions and 22 deletions

2
config
View File

@ -18,7 +18,7 @@
"disable-scroll": true,
"all-outputs": false,
"active-only": false,
"format": "{id}"
"format": "{name}"
},
"tray": {
// "icon-size": 21,

View File

@ -1,6 +1,13 @@
@import "mocha.css";
@define-color text @teal;
@define-color text_color @text;
/* uncomment it for use pywal script*/
/*
@import "/home/divan/.cache/wal/waybar.css";
@define-color text_color @maxY;
*/
* {
border: none;
@ -12,18 +19,14 @@
window#waybar {
background: @surface0;
color: @text;
color: @text_color;
}
#window {
font-weight: bold;
font-family: "Noto";
}
/*
#workspaces {
padding: 0 5px;
}
*/
.modules-left {
background: @base;
border-radius: 10px;
@ -47,7 +50,11 @@ window#waybar {
}
#power {
padding: 0 2px;
background: @surface0;
border-radius: 10px;
margin-left: 2px;
padding-right: 10px;
margin-right: -10px;
color: @red;
}
@ -67,18 +74,18 @@ window#waybar {
#workspaces button {
padding: 0 5px;
background: transparent;
color: @text;
color: @text_color;
border-top: 2px solid @surface0;
}
#workspaces button.focused {
color: @text;
border-top: 2px solid @text;
color: @text_color;
border-top: 2px solid @text_color;
}
#workspaces button.active {
color: @green;
border-top: 2px solid @green;
color: @text;
border-top: 2px solid @text;
}
#workspaces button.urgent {
@ -90,7 +97,7 @@ window#waybar {
#clock {
padding: 0 10px;
margin: 0 1px;
background: alpha(@mauve,0.2);
background: @surface0;
border-radius: 5px;
font-weight: bold;
}
@ -100,9 +107,6 @@ window#waybar {
margin: 0 1px;
}
#clock {
}
#battery {
}
@ -122,7 +126,7 @@ window#waybar {
}
#battery.charging {
color: @text;
color: @text_color;
animation-name: good;
animation-duration: 3.5s;
animation-timing-function: ease-out;
@ -131,7 +135,7 @@ window#waybar {
}
#battery.warning:not(.charging) {
color: @text;
color: @text_color;
animation-name: critical;
animation-duration: 1.5s;
animation-timing-function: ease-out;
@ -139,7 +143,7 @@ window#waybar {
animation-direction: alternate;
}
#battery.critical:not(.charging) {
color: @text;
color: @text_color;
animation-name: critical;
animation-duration: 0.5s;
animation-timing-function: linear;
@ -168,4 +172,3 @@ window#waybar {
#tray {
}