1
0
Fork 0
mirror of https://github.com/pnx/dotfiles synced 2026-06-16 03:14:55 +02:00

waybar: update

This commit is contained in:
Henrik Hautakoski 2024-11-22 10:16:03 +01:00
parent ebcb7c3fc7
commit cedb8fc257
2 changed files with 23 additions and 94 deletions

View file

@ -35,6 +35,6 @@
"tooltip": false
},
"memory": {
"format": " {}%"
"format": " {}%"
}
}

View file

@ -1,123 +1,52 @@
@import "colors.css";
@import "colors.css";
* {
font-family: "JetBrainsMono Nerd Font";
font-size: 18px;
font-family: "Iosevka Nerd Font Propo";
font-size: 22px;
min-height: 0;
font-weight: bold;
font-weight: normal;
}
window#waybar {
background: transparent;
background-color: @mantle;
color: @overlay0;
transition-property: background-color;
transition-duration: 0.1s;
}
#window {
margin: 8px;
padding-left: 8;
padding-right: 8;
color: @text;
background: @mantle;
}
/* Workspace buttons */
button {
/*box-shadow: inset 0 -3px transparent;*/
color: @blue;
box-shadow: inset 0 3px transparent;
border: none;
padding-bottom: 2px;
border-radius: 0;
}
#workspaces button:hover,
#workspaces button.active,
#workspaces button.focused {
/*background: inherit;*/
color: @blue;
padding-bottom: 3px;
border-top: 3px solid @blue;
button:hover,
button.active,
button.focused {
background: inherit;
box-shadow: inset 0 3px @blue;
}
#workspaces button {
padding: 0 8px;
.modules-right {
margin-right: 1em;
}
#workspaces button.active,
#workspaces button.focused {
background-color: rgba(0, 0, 0, 0.3);
.modules-right > widget > * {
padding: 0 .4em;
}
#workspaces button.urgent {
background-color: @red;
}
#pulseaudio,
#clock,
#battery,
#cpu,
#memory,
#disk,
#temperature,
#backlight,
#wireplumber,
#tray,
#network,
#mode,
#scratchpad {
margin-bottom: 2px;
margin-left: 8px;
margin-right: 8px;
padding-left: 8px;
padding-right: 8px;
}
#clock {
color: @mauve;
border-bottom: 2px solid @mauve;
}
#clock.date {
color: @mauve;
}
#pulseaudio {
color: @blue;
}
#network {
color: @yellow;
.modules-right > widget:not(:last-child) > * {
margin-right: .4em;
}
#cpu {
color: @sky;
border-bottom: 2px solid @sapphire;
}
#memory {
color: @peach;
border-bottom: 2px solid @peach;
}
#idle_inhibitor {
margin-right: 12px;
color: @green;
#clock {
color: @mauve;
}
#idle_inhibitor.activated {
color: @red;
}
#battery {
color: @green;
border-bottom: 2px solid @green;
}
/* If workspaces is the leftmost module, omit left margin */
.modules-left>widget:first-child>#workspaces {
margin-left: 0;
}
/* If workspaces is the rightmost module, omit right margin */
.modules-right>widget:last-child>#workspaces {
margin-right: 0;
}