thomasabishop/dotfiles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

waybar: use material-gruvbox colours

Browse source
This commit is contained in:
thomasabishop 2024-02-10 16:47:19 +00:00
parent b0eb43c543
commit 82c4a041f2
2 changed files with 24 additions and 94 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
waybar/config
View file

@ -3,8 +3,8 @@
"height": 30, "height": 30,
"spacing": 4, "spacing": 4,
"modules-left": [ "modules-left": [
"custom/os",
"hyprland/workspaces" "hyprland/workspaces"
], ],
"modules-right": [ "modules-right": [
"custom/spotify", "custom/spotify",
@ -14,8 +14,8 @@
"memory", "memory",
"disk", "disk",
"temperature", "temperature",
"backlight", "backlight",
"custom/wakatime", "custom/wakatime",
"battery", "battery",
"clock" "clock"
], ],

112
waybar/style.css
View file

@ -8,31 +8,11 @@
font-size: 16px; font-size: 16px;
} }
window#waybar {
background-color: transparent;
border-bottom: none;
color: #ffffff;
transition-property: background-color;
transition-duration: 0.5s;
}
window#waybar.hidden {
opacity: 0.2;
}
tooltip { tooltip {
font-weight: 400; font-weight: 400;
border-radius: 0;
} }
/*
window#waybar.empty {
background-color: transparent;
}
window#waybar.solo {
background-color: #FFFFFF;
}
*/
window#waybar.termite { window#waybar.termite {
background-color: #3f3f3f; background-color: #3f3f3f;
} }
@ -50,11 +30,9 @@ button {
border-radius: 0; border-radius: 0;
} }
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
#workspaces button.active { #workspaces button.active {
background-color: #d65d0e; background-color: #e78a4a;
color: #ebdbb2; color: #282828;
} }
#workspaces button { #workspaces button {
@ -66,12 +44,7 @@ button {
} }
#workspaces button.urgent { #workspaces button.urgent {
background-color: #cc241d; background-color: #ea6962;
}
#mode {
background-color: #64727d;
border-bottom: 3px solid #ffffff;
} }
#clock, #clock,
@ -98,7 +71,6 @@ button {
font-weight: 600; font-weight: 600;
padding: 3px 12px; padding: 3px 12px;
margin: 0; margin: 0;
color: #ffffff;
border-radius: 0px; border-radius: 0px;
} }
@ -108,10 +80,6 @@ button {
font-weight: 600; font-weight: 600;
} }
#window {
color: #abb2bf;
}
/* If workspaces is the leftmost module, omit left margin */ /* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > #workspaces { .modules-left > widget:first-child > #workspaces {
margin-left: 0; margin-left: 0;
@ -123,36 +91,29 @@ button {
} }
#clock { #clock {
background-color: #98971a; background-color: #a9b665;
color: #282828; color: #282828;
} }
#bluetooth { #bluetooth {
background-color: #d79921; background-color: #d8a657;
color: #282828; color: #282828;
} }
#battery { #battery {
background-color: #d79921; background-color: #d8a657;
color: #282828; color: #282828;
} }
#battery.charging, #battery.charging,
#battery.plugged { #battery.plugged {
color: #282c34; color: #282c34;
background-color: #98c379; background-color: #a9b665;
}
@keyframes blink {
to {
background-color: #ffffff;
color: #282c34;
}
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
background-color: #be5046; background-color: #ea6962;
color: #ffffff; color: #ddc7a1;
animation-name: blink; animation-name: blink;
animation-duration: 0.5s; animation-duration: 0.5s;
animation-timing-function: linear; animation-timing-function: linear;
@ -160,23 +121,19 @@ button {
animation-direction: alternate; animation-direction: alternate;
} }
label:focus {
background-color: #000000;
}
#cpu { #cpu {
background-color: #98971a; background-color: #a9b665;
color: #282828; color: #282828;
} }
#memory { #memory {
background-color: #d65d0e; background-color: #e78a4a;
color: #282828; color: #282828;
} }
#disk { #disk {
color: #282828; color: #282828;
background-color: #b16286; background-color: #d3869b;
} }
#backlight { #backlight {
@ -185,41 +142,27 @@ label:focus {
} }
#network { #network {
background-color: #458588; background-color: #7daea3;
color: #282828; color: #282828;
} }
#network.disconnected { #network.disconnected {
background-color: #e06c75; background-color: #ea6962;
} }
#user { #user {
background-color: #e06c75; background-color: #ea6962;
color: #282c34; color: #282c34;
} }
#pulseaudio {
background-color: #e5c07b;
color: #282c34;
}
#pulseaudio.muted {
background-color: #90b1b1;
color: #e5c07b;
}
#wireplumber.muted {
background-color: #e06c75;
}
#custom-spotify { #custom-spotify {
background-color: #8ec07c; background-color: #89b482;
color: #282828; color: #282828;
} }
#temperature { #temperature {
color: #282828; color: #282828;
background-color: #689d6a; background-color: #89b482;
} }
#temperature.critical { #temperature.critical {
@ -227,19 +170,6 @@ label:focus {
background-color: #e06c75; background-color: #e06c75;
} }
#tray {
background-color: #2980b9;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
background-color: #e06c75;
}
#idle_inhibitor { #idle_inhibitor {
background-color: #2d3436; background-color: #2d3436;
} }
@ -250,12 +180,12 @@ label:focus {
} }
#custom-os { #custom-os {
background-color: #61afef; background-color: #473c29;
color: #282c34; color: #d4be98;
font-size: 16px; font-size: 16px;
} }
#custom-wakatime { #custom-wakatime {
background-color: #458588; background-color: #7daea3;
color: #282828; color: #282828;
} }