From a5a5074859212b6b7387f1e6a95e8ae79f7cd187 Mon Sep 17 00:00:00 2001 From: andrey_varnavskiy Date: Tue, 26 Nov 2024 06:19:01 +0500 Subject: [PATCH] add waybar styles --- home-manager/modules/waybar/default.nix | 1 - home-manager/modules/waybar/main.nix | 1 + home-manager/modules/waybar/style.css | 66 +++++++++++++++++++++++++ 3 files changed, 67 insertions(+), 1 deletion(-) create mode 100644 home-manager/modules/waybar/style.css diff --git a/home-manager/modules/waybar/default.nix b/home-manager/modules/waybar/default.nix index b29af5d..ee19a6d 100644 --- a/home-manager/modules/waybar/default.nix +++ b/home-manager/modules/waybar/default.nix @@ -1,6 +1,5 @@ { imports = [ ./main.nix - # ./styles.nix ]; } diff --git a/home-manager/modules/waybar/main.nix b/home-manager/modules/waybar/main.nix index 59deb5e..e85f4ce 100644 --- a/home-manager/modules/waybar/main.nix +++ b/home-manager/modules/waybar/main.nix @@ -1,6 +1,7 @@ { programs.waybar = { enable = true; + style = ./style.css; settings = { mainBar = { layer = "top"; diff --git a/home-manager/modules/waybar/style.css b/home-manager/modules/waybar/style.css new file mode 100644 index 0000000..17ba7da --- /dev/null +++ b/home-manager/modules/waybar/style.css @@ -0,0 +1,66 @@ +* { + border: none; + border-radius: 0px; + font-family: "JetBrains Mono"; + font-weight: bold; + font-size: 16px; + min-height: 0; + color: #ebdbb2; +} + +window#waybar { + background: #1d2021; +} + +/* Workspace Buttons */ +#workspaces button label{ + color: #ebdbb2; + padding: 0 10px; +} +#workspaces button.active label { + color: #1d2021; +} +#workspaces button.active { + background: #d65d0e; +} + +#clock, #battery, #pulseaudio, #tray, #language, #weather { + padding: 0 10px; + margin: 0 10px; +} + +#language { + margin: 0; + color: #d79921; + border-bottom: 5px solid #d79921; +} + +#custom-weather { + margin: 0; + color: #98971a; + border-bottom: 5px solid #98971a +} + +#pulseaudio { + margin: 0; + color: #689d6a; + border-bottom: 5px solid #689d6a; +} + +#pulseaudio.muted { + padding: 0 20px; + color: #cc241d; + border-bottom: 4px solid #cc241d; +} + +#battery { + margin: 0; + color: #458588; + border-bottom: 5px solid #458588; +} + +#clock { + margin: 0; + color: #b16286; + border-bottom: 5px solid #b16286; +}