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