summaryrefslogtreecommitdiff
path: root/desktop-wayland/.config/waybar/style.css
diff options
context:
space:
mode:
authorMarcelo Lira <mlira@acumera.com>2025-03-07 00:41:38 -0300
committerMarcelo Lira <mlira@acumera.com>2025-03-19 20:35:19 -0300
commit7343a15f123c78d7c29ff7a189798de689869026 (patch)
tree462f4fbe3f17ee36c3adad2bc57531e2f8f371a7 /desktop-wayland/.config/waybar/style.css
Initial commit.HEADmaster
Diffstat (limited to 'desktop-wayland/.config/waybar/style.css')
-rw-r--r--desktop-wayland/.config/waybar/style.css132
1 files changed, 132 insertions, 0 deletions
diff --git a/desktop-wayland/.config/waybar/style.css b/desktop-wayland/.config/waybar/style.css
new file mode 100644
index 0000000..eb1ef62
--- /dev/null
+++ b/desktop-wayland/.config/waybar/style.css
@@ -0,0 +1,132 @@
+* {
+ border: none;
+ border-radius: 6px;
+ font-family: mononoki Nerd Font Mono;
+ font-size: 14px;
+ min-height: 0;
+}
+
+@import "gruvbox.css";
+
+window#waybar {
+ background: rgba(40, 40, 40, 1);
+ color: @white_b;
+}
+
+#tags button {
+ border-radius: 0;
+ padding: 2px 8px;
+ background: transparent;
+ border-bottom: 1px solid transparent;
+}
+
+#tags button.occupied {
+ background: rgba(255, 255, 255, 0.2);
+ border-bottom: 1px solid transparent;
+}
+
+#tags button.focused {
+ color: #f6af2b;
+ background: #625233;
+ border-bottom: 1px solid #f6af2b;
+}
+
+#tags button:hover {
+ background: rgba(0, 0, 0, 0.2);
+ box-shadow: inherit;
+ /*border-bottom: 1px solid @fg-color;*/
+ border-bottom: 1px solid #f6af2b;
+}
+
+#mode, #clock, #battery {
+ padding: 0 10px;
+ margin: 0 5px;
+}
+
+#mode {
+ background: @red;
+ /* border-bottom: 3px solid @white_b; */
+}
+
+#cpu {
+ background: @black;
+}
+
+#temperature {
+ background: @yellow;
+}
+
+#temperature .value {
+ color: @red;
+}
+
+#memory {
+ background: @orange;
+}
+
+#network {
+ background: @green_b;
+ color: @black;
+}
+
+#network.vpn {
+ background: @green;
+ margin: 0 0 0 3px;
+}
+
+#disk {
+ background: @blue;
+}
+
+#clock {
+ background-color: @aqua_b;
+ color: @black;
+}
+
+#battery {
+ background-color: @white_b;
+ color: @background;
+}
+
+#battery.discharging {
+ color: @white_b;
+ background-color: @red_b;
+}
+
+#battery.charging {
+ color: @black;
+ background-color: @yellow_b;
+}
+
+@keyframes blink {
+ to {
+ background-color: @white_b;
+ color: @background;
+ }
+}
+
+#idle_inhibitor,
+#pulseaudio,
+#custom-openvpn,
+#network,
+#cpu,
+#memory,
+#disk,
+#temperature,
+#backlight,
+#battery,
+#clock,
+#tray {
+ padding: 0 6px;
+ margin: 0 3px;
+}
+
+#battery.warning:not(.charging) {
+ background: @red;
+ color: @white_b;
+ animation-name: blink;
+ animation-duration: 0.5s;
+ animation-timing-function: linear;
+ animation-iteration-count: infinite;
+ animation-direction: alternate;
+}