This commit is contained in:
2026-05-09 18:35:05 -04:00
parent 4c7cab0453
commit 30b513c1f4
3 changed files with 433 additions and 2 deletions

View File

@@ -61,7 +61,7 @@
},
"clock": {
"interval": 60,
"format": "{:%a %b %d * Anno Domini %Y * %H:%M}",
"format": "{:%a %b %d * AD %Y * %H:%M}",
"timezone": "America/New_York"
},
"cpu": {

203
style-old.css Normal file
View File

@@ -0,0 +1,203 @@
@import url ("file:///home/lw/.cache/wal/colors-waybar.css");
* {
font-family: "Source Code Pro Black", monospace;
font-size: 11px;
}
window#waybar {
/*background-color: #282828;*/
background-color: transparent;
/*border: 2px solid #3c3836;*/
border-radius: 20px;
transition-property: background-color;
transition-duration: .5s;
margin: 0px;
}
window#waybar.hidden {
opacity: 0.2;
}
window#waybar.termite {
background-color: #3c3836;
}
window#waybar.chromium {
background-color: #1d2021;
border: none;
}
button {
box-shadow: inset 0 -3px transparent;
border: none;
border-radius: 0;
}
button:hover {
background: inherit;
}
#workspaces button {
margin: 2px 0 2px 2px;
border: 2px solid #282828;
border-radius: 5px;
background-color: #282828;
color: #ebdbb2;
}
#workspaces button:hover {
background: #504945;
color: #ebdbb2;
}
#workspaces button.active {
background-color: #458588;
color: #282828;
}
#workspaces button.focused {
background-color: #458588;
box-shadow: inset 0 -3px #ebdbb2;
}
#workspaces button.urgent {
background-color: #cc241d;
}
#clock, #custom-updates, #custom-power, #mpris, #pulseaudio, #battery, #tray {
padding: 5px;
margin: 2px 2px 2px 2px;
border: 2px solid #282828;
border-radius: 5px;
background-color: #3c3836;
color: #ebdbb2;
}
#custom-power.hover, #pulseaudio:hover {
background: #504945;
}
#submap {
padding: 5px;
margin: 5px;
border-radius: 15px;
background-color: #d79921;
color: #282828;
}
#mpris.playing, #pulseaudio.muted, #battery.critical:not(.charging) {
background-color: #fb4934;
color: #282828;
}
#mode {
background-color: #458588;
box-shadow: inset 0 -3px #ebdbb2;
}
#cpu {
background-color: #b8bb26;
color: #282828;
}
#memory {
background-color: #d3869b;
color: #282828;
}
#disk {
background-color: #d65d0e;
color: #282828;
}
#backlight {
background-color: #689d6a;
color: #282828;
}
#network {
background-color: #458588;
color: #ebdbb2;
}
#network.disconnected, #wireplumber.muted, #mpd.disconnected {
background-color: #fb4934;
}
#wireplumber {
background-color: #b16286;
color: #ebdbb2;
}
#custom-media {
background-color: #689d6a;
color: #282828;
}
#custom-media.custom-vlc {
background-color: #d79921;
}
#temperature {
background-color: #fabd2f;
}
#temperature.critical {
background-color: #fb4934;
}
#idle_inhibitor {
background-color: #3c3836;
}
#idle_inhibitor.activated {
background-color: #ebdbb2;
color: #3c3836;
}
#mpd.stopped {
background-color: #504945;
}
#mpd.paused {
background-color: #689d6a;
}
#language {
background: #458588;
color: #ebdbb2;
}
#keyboard-state {
background: #b8bb26;
color: #282828;
}
#keyboard-state > label.locked {
background: rgba(0, 0, 0, 0.2);
}
#scratchpad {
background: rgba(0, 0, 0, 0.2);
}
#scratchpad.empty {
background-color: transparent;
}
#privacy-item.screenshare {
background-color: #d65d0e;
}
#privacy-item.audio-in {
background-color: #689d6a;
}
#privacy-item.audio-out {
background-color: #458588;
}
* { transition: opacity 0.3s ease, background-color 0.3s ease; }
.hidden { opacity: 0; }

View File

@@ -1 +0,0 @@
/home/lw/.config/waybar/t_gruvbox.css

229
style.css Normal file
View File

@@ -0,0 +1,229 @@
@import url("file:///home/lw/.cache/wal/colors-waybar.css");
* {
font-family: "Source Code Pro Black", monospace;
font-size: 11px;
color: @color8;
}
window#waybar {
background-color: transparent;
border-radius: 20px;
margin: 0px;
}
window#waybar.hidden {
opacity: 0.2;
}
button {
box-shadow: inset 0 -3px transparent;
border: none;
border-radius: 0;
background: transparent;
}
button:hover {
background: inherit;
}
/* workspaces */
#workspaces button {
margin: 2px 0 2px 2px;
border: 2px solid @color8;
border-radius: 5px;
background-color: @color0;
color: @foreground;
}
#workspaces button:hover {
background: @color8;
color: @foreground;
}
#workspaces button.active {
background-color: @color4;
color: @color0;
}
#workspaces button.focused {
background-color: @color4;
color: @color0;
box-shadow: inset 0 -3px @foreground;
}
#workspaces button.urgent {
background-color: @color1;
color: @color0;
}
/* modules */
#clock, #custom-updates, #custom-power, #mpris,
#pulseaudio, #battery, #tray {
padding: 5px;
margin: 2px;
border: 2px solid @color8;
border-radius: 5px;
background-color: @color0;
color: @foreground;
}
#custom-power:hover,
#pulseaudio:hover {
background: @color8;
}
/* submap */
#submap {
padding: 5px;
margin: 5px;
border-radius: 15px;
background-color: @color8;
color: @color0;
}
/* states */
#mpris.playing,
#pulseaudio.muted,
#battery.critical:not(.charging) {
background-color: @color1;
color: @color0;
}
#battery.charging {
background-color: @color2;
color: @color0;
}
#mode {
background-color: @color4;
color: @color0;
box-shadow: inset 0 -3px @foreground;
}
#cpu {
background-color: @color2;
color: @color0;
}
#memory {
background-color: @color5;
color: @color0;
}
#disk {
background-color: @color3;
color: @color0;
}
#backlight {
background-color: @color6;
color: @color0;
}
#network {
background-color: @color4;
color: @foreground;
}
#network.disconnected,
#wireplumber.muted,
#mpd.disconnected {
background-color: @color1;
color: @color0;
}
#wireplumber {
background-color: @color0;
border: 2px solid @color8;
color: @foreground;
}
#custom-media {
background-color: @color0;
border: 2px solid @color8;
color: @foreground;
}
#custom-media.custom-vlc {
background-color: @color3;
color: @color0;
}
#temperature {
background-color: @color3;
color: @color0;
}
#temperature.critical {
background-color: @color1;
color: @color0;
}
#idle_inhibitor {
background-color: @color0;
border: 2px solid @color8;
color: @foreground;
}
#idle_inhibitor.activated {
background-color: @foreground;
color: @color0;
}
#mpd.stopped {
background-color: @color0;
border: 2px solid @color8;
}
#mpd.paused {
background-color: @color8;
color: @color0;
}
#language {
background: @color4;
color: @color0;
}
#keyboard-state {
background: @color8;
color: @color0;
}
#keyboard-state > label.locked {
background: alpha(@color0, 0.2);
color: @foreground;
}
#scratchpad {
background: alpha(@color0, 0.2);
}
#scratchpad.empty {
background-color: transparent;
}
#privacy-item.screenshare {
background-color: @color3;
color: @color0;
}
#privacy-item.audio-in {
background-color: @color6;
color: @color0;
}
#privacy-item.audio-out {
background-color: @color4;
color: @color0;
}
/* transitions */
* {
transition: opacity 0.3s ease, background-color 0.3s ease;
}
.hidden {
opacity: 0;
}