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';
/* 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 */
@@ -7,9 +25,10 @@
}
window#waybar {
background-color: rgba(43, 48, 59, 0.5);
border-bottom: 3px solid rgba(100, 114, 125, 0.5);
color: #ffffff;
background-color: @bg_main;
border-bottom: 2px solid rgba(100, 114, 125, 0.5);
border-top: 1px solid rgba(100, 114, 125, 0.5);
color: @content_main;
transition-property: background-color;
transition-duration: .5s;
}
@@ -116,11 +135,11 @@ button:hover {
}
#clock {
background-color: #64727D;
background-color: @clock_color;
}
#battery {
background-color: #ffffff;
background-color: @battery_color;
color: #000000;
}
@@ -157,7 +176,7 @@ button:hover {
}
#power-profiles-daemon.balanced {
background-color: #2980b9;
background-color: @power_profile_balanced_color;
color: #ffffff;
}
@@ -171,24 +190,24 @@ label:focus {
}
#cpu {
background-color: #2ecc71;
background-color: @cpu_color;
color: #000000;
}
#memory {
background-color: #9b59b6;
background-color: @memory_color;
}
#disk {
background-color: #964B00;
background-color: @disk_color;
}
#backlight {
background-color: #90b1b1;
background-color: @backlight_color;
}
#network {
background-color: #2980b9;
background-color: @network_color;
}
#network.disconnected {
@@ -196,7 +215,7 @@ label:focus {
}
#pulseaudio {
background-color: #f1c40f;
background-color: @pulseaudio_color;
color: #000000;
}
@@ -229,7 +248,7 @@ label:focus {
}
#temperature {
background-color: #f0932b;
background-color: @temperature_color;
}
#temperature.critical {
@@ -250,11 +269,11 @@ label:focus {
}
#idle_inhibitor {
background-color: #2d3436;
background-color: @idle_inhibitor_color;
}
#idle_inhibitor.activated {
background-color: #ecf0f1;
background-color: @idle_inhibitor_activated_color;
color: #2d3436;
}