diff --git a/config/waybar/style.css b/config/waybar/style.css index 4e67172..53acac9 100644 --- a/config/waybar/style.css +++ b/config/waybar/style.css @@ -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; }