add waybar color themeing
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user