1
1
mirror of https://github.com/rywng/dotfiles.git synced 2024-10-30 07:31:50 +08:00

fix(waybar): Fix new waybar breaking date display

This commit is contained in:
Ryan 2024-05-10 17:44:25 +08:00
parent 0f50208841
commit 94e7eb1b8b
4 changed files with 57 additions and 48 deletions

View File

@ -1,8 +1,8 @@
#set font and stuff #set font and stuff
font_family Iosevka Term SS15 font_family Iosevka Term
bold_font Iosevka Term SS15 Bold bold_font Iosevka Term Bold
italic_font Iosevka Term SS15 Italic italic_font Iosevka Curly Italic
bold_italic_font Iosevka Term SS15 Bold Italic bold_italic_font Iosevka Term Bold Italic
font_size 14 font_size 14

@ -1 +1 @@
Subproject commit fa186c0c09ff58b3793126739ba59552243b848a Subproject commit e54bdaa5240d5315eaffc4e96e4b13d9887e80f0

View File

@ -3,45 +3,45 @@
*/ */
* { * {
font-family: "IBM Plex Mono", "Symbols Nerd Font", sans-serif; font-family: "IBM Plex Mono", "Symbols Nerd Font", sans-serif;
font-size: 14px; font-size: 14px;
min-height: 0; min-height: 0;
} }
@import "dark.less"; @import "dark.less";
window#waybar { window#waybar {
background: @background; background: @background;
border-bottom: 1px solid @selection_background; border-bottom: 1px solid @selection_background;
} }
#workspaces, #workspaces,
#window { #window {
margin: 5px 10px; margin: 5px 10px;
} }
#window { #window {
font-weight: bold; font-weight: bold;
} }
#workspaces button { #workspaces button {
padding: 0 0.1em; padding: 0 0.1em;
background: transparent; background: transparent;
color: @background_b; color: @background_b;
} }
#workspaces button.visible { #workspaces button.visible {
color: @foreground; color: @foreground;
font-weight: bold; font-weight: bold;
} }
#workspaces button.active { #workspaces button.focused {
color: @foreground; color: @foreground;
font-weight: bold; font-weight: bold;
} }
#workspaces button.urgent { #workspaces button.urgent {
color: @magenta; color: @magenta;
} }
#custom-player, #custom-player,
@ -49,49 +49,49 @@ window#waybar {
#memory, #memory,
#cpu, #cpu,
#window { #window {
color: @background_b; color: @background_b;
} }
#clock { #clock {
color: @foreground; color: @foreground;
font-weight: bold; font-weight: bold;
} }
#battery { #battery {
color: @cyan; color: @cyan;
} }
#battery.charging { #battery.charging {
color: @green; color: @green;
} }
@keyframes blink { @keyframes blink {
to { to {
color: @red; color: @red;
background-color: transparent; background-color: transparent;
} }
} }
#battery.warning:not(.charging) { #battery.warning:not(.charging) {
animation-direction: alternate; animation-direction: alternate;
animation-duration: 0.5s; animation-duration: 0.5s;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-name: blink; animation-name: blink;
animation-timing-function: linear; animation-timing-function: linear;
background-color: red; background-color: red;
color: @background; color: @background;
font-weight: bold; font-weight: bold;
} }
#network.disconnected, #network.disconnected,
#network.disabled { #network.disabled {
color: @red; color: @red;
font-weight: bold; font-weight: bold;
} }
#network.wifi { #network.wifi {
color: @green; color: @green;
font-style: italic; font-style: italic;
} }
#clock, #clock,
@ -102,11 +102,19 @@ window#waybar {
#custom-notification, #custom-notification,
#tray, #tray,
#custom-player { #custom-player {
padding: 0px 5px; padding: 0px 5px;
margin: 0px 5px; margin: 0px 5px;
} }
#clock { #clock {
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
}
#tray {
opacity: 0.5;
}
#tray:hover {
opacity: 1;
} }

View File

@ -7,7 +7,8 @@
"max-length": 50 "max-length": 50
}, },
"tray": { "tray": {
"spacing": 10 "spacing": 10,
"show-passive-items": true
}, },
"cpu": { "cpu": {
"format": " {load}", "format": " {load}",
@ -44,7 +45,7 @@
] ]
}, },
"clock": { "clock": {
"format": "{:󰅐 %H:%M  %m-%d}", "format": "󰅐 {:%H:%M  %m-%d}",
"format-alt": " {:%A, %B %d, %Y (%r)}", "format-alt": " {:%A, %B %d, %Y (%r)}",
"tooltip-format": "<tt><small>{calendar}</small></tt>", "tooltip-format": "<tt><small>{calendar}</small></tt>",
"calendar": { "calendar": {