DIvan2000/waybar-dotfiles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added pywal option

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
config
View File

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

45
style.css
View File

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