add waybar color themeing

This commit is contained in:
2025-10-05 23:37:25 +02:00
parent be262d23b7
commit e316bd5781

View File

@@ -1,4 +1,22 @@
@import '../../.cache/wal/colors-waybar.css'; @import '../../.cache/wal/colors-waybar.css';
/* https://github.com/acaibowlz/niri-setup/blob/main/waybar/style.css */
@define-color bg_main rgba(43, 48, 59, 0.5);
@define-color content_main white;
/*@define-color memory_color @color6;*/
@define-color idle_inhibitor @bg_main;
@define-color idle_inhibitor_activated_color @color7;
@define-color pulseaudio_color @color4;
@define-color network_color @color6;
@define-color power_profile_balanced_color @color6;
@define-color cpu_color @color4;
@define-color disk_color @color2;
@define-color temperature_color @color3;
@define-color backlight_color @color1;
@define-color battery_color @color7;
@define-color clock_color @color3;
* { * {
/* `otf-font-awesome` is required to be installed for icons */ /* `otf-font-awesome` is required to be installed for icons */
@@ -7,9 +25,10 @@
} }
window#waybar { window#waybar {
background-color: rgba(43, 48, 59, 0.5); background-color: @bg_main;
border-bottom: 3px solid rgba(100, 114, 125, 0.5); border-bottom: 2px solid rgba(100, 114, 125, 0.5);
color: #ffffff; border-top: 1px solid rgba(100, 114, 125, 0.5);
color: @content_main;
transition-property: background-color; transition-property: background-color;
transition-duration: .5s; transition-duration: .5s;
} }
@@ -116,11 +135,11 @@ button:hover {
} }
#clock { #clock {
background-color: #64727D; background-color: @clock_color;
} }
#battery { #battery {
background-color: #ffffff; background-color: @battery_color;
color: #000000; color: #000000;
} }
@@ -157,7 +176,7 @@ button:hover {
} }
#power-profiles-daemon.balanced { #power-profiles-daemon.balanced {
background-color: #2980b9; background-color: @power_profile_balanced_color;
color: #ffffff; color: #ffffff;
} }
@@ -171,24 +190,24 @@ label:focus {
} }
#cpu { #cpu {
background-color: #2ecc71; background-color: @cpu_color;
color: #000000; color: #000000;
} }
#memory { #memory {
background-color: #9b59b6; background-color: @memory_color;
} }
#disk { #disk {
background-color: #964B00; background-color: @disk_color;
} }
#backlight { #backlight {
background-color: #90b1b1; background-color: @backlight_color;
} }
#network { #network {
background-color: #2980b9; background-color: @network_color;
} }
#network.disconnected { #network.disconnected {
@@ -196,7 +215,7 @@ label:focus {
} }
#pulseaudio { #pulseaudio {
background-color: #f1c40f; background-color: @pulseaudio_color;
color: #000000; color: #000000;
} }
@@ -229,7 +248,7 @@ label:focus {
} }
#temperature { #temperature {
background-color: #f0932b; background-color: @temperature_color;
} }
#temperature.critical { #temperature.critical {
@@ -250,11 +269,11 @@ label:focus {
} }
#idle_inhibitor { #idle_inhibitor {
background-color: #2d3436; background-color: @idle_inhibitor_color;
} }
#idle_inhibitor.activated { #idle_inhibitor.activated {
background-color: #ecf0f1; background-color: @idle_inhibitor_activated_color;
color: #2d3436; color: #2d3436;
} }