From 16f2c2efd2c7f3f9442a50e97a59488f4b1d6d32 Mon Sep 17 00:00:00 2001 From: hok7z Date: Tue, 2 Jan 2024 19:25:53 +0200 Subject: [PATCH] Modified: .config/waybar/ --- .config/waybar/colors.css | 9 ++++++++ .config/waybar/config | 42 ++++++++++++++++++++-------------- .config/waybar/style.css | 48 +++++++++++++++++++-------------------- 3 files changed, 58 insertions(+), 41 deletions(-) create mode 100644 .config/waybar/colors.css diff --git a/.config/waybar/colors.css b/.config/waybar/colors.css new file mode 100644 index 0000000..d7afecb --- /dev/null +++ b/.config/waybar/colors.css @@ -0,0 +1,9 @@ +@define-color bg #2d353b; +/* @define-color white #e5e9f0; */ +@define-color fg #d3c6aa; +@define-color black #3b4252; +@define-color red #e67e80; +@define-color blue #7fbbb3; +@define-color green #a7c080; +@define-color yellow #dbbc7f; +@define-color orange #e69875; diff --git a/.config/waybar/config b/.config/waybar/config index f2a7734..6e08d21 100644 --- a/.config/waybar/config +++ b/.config/waybar/config @@ -7,10 +7,10 @@ "spacing": 3, "modules-left": ["hyprland/window", "pulseaudio","tray"], - "modules-center": ["wlr/workspaces"], + "modules-center": ["hyprland/workspaces"], "modules-right": ["custom/cmus", "custom/weather", "custom/language", "clock", "battery"], - "wlr/workspaces": { + "hyprland/workspaces": { "format": "{icon}", "on-scroll-up": "hyprctl dispatch workspace e+1", "on-scroll-down": "hyprctl dispatch workspace e-1", @@ -18,7 +18,7 @@ "all-outputs": false, "format": "{icon}", - // "format-icons": { + //"format-icons": { // "1": "", // "2": "", // "3": "", @@ -28,7 +28,7 @@ // "urgent": "", // "focused": "", // "default": "" - //} + //}, "format-icons": { "1": "", @@ -42,8 +42,9 @@ "9": "", "focused": " ", "urgent": " ", - //"default": " ", + "default": " ", }, + "icon-size": 14 }, @@ -86,25 +87,32 @@ }, "custom/language": { - "exec": "~/.config/hypr/scripts/kb_hypr", + "exec": "~/.config/hypr/.scripts/kb_hypr", "interval": 1, "format": " {}", }, "battery": { + "interval": 5, + "states": { - "good": 60, - "warning": 40, - "critical": 30 + "good": 70, + "warning": 35, + "critical": 20 }, - "format": "{icon} {capacity}%", - "format-charging": " {capacity}%", - "format-plugged": " {capacity}%", - "format-full": " full charged", - "format-warning": " {capacity}%", - "format-critical": " {capacity}%", - "format-alt": "{time} {icon}", - "format-icons": ["", "", "", "", ""] + + "format": "{icon} {capacity}%", + "format-icons": { + "default": ["󰂎", "󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"], + "charging": ["󰢟", "󰢜", "󰂆", "󰂇", "󰂈", "󰢝", "󰂉", "󰢞", "󰂊", "󰂋", "󰂅"] + }, + //"format-charging": " {capacity}%", + //"format-plugged": " {capacity}%", + //"format-full": " full charged", + //"format-warning": " {capacity}%", + //"format-critical": " {capacity}%", + //"format-alt": "{time} {icon}", + //"format-icons": ["", "", "", "", ""] }, "bluetooth": { diff --git a/.config/waybar/style.css b/.config/waybar/style.css index a941b8d..6c69b1c 100644 --- a/.config/waybar/style.css +++ b/.config/waybar/style.css @@ -4,11 +4,11 @@ font-size: 13px; } -@import "./nord.css"; +@import "./colors.css"; window#waybar { background-color: rgba(43, 48, 59, 0.0); - color: @foreground; + color: @fg; transition-property: background-color; transition-duration: .5s; padding: 0; @@ -27,7 +27,7 @@ window#waybar { button { margin: 0; padding: 10px; - background-color: @background; + background-color: @bg; color: #d8dee8; border-radius: 8px; } @@ -35,7 +35,7 @@ button { button:hover { margin: 0; padding: 10px; - background-color: @background; + background-color: @bg; color: #d8dee8; border-radius: 8px; } @@ -43,7 +43,7 @@ button:hover { button:focus { margin: 0; padding: 10px; - background-color: @background; + background-color: @bg; color: #d8dee8; border-radius: 8px; } @@ -52,8 +52,8 @@ button:focus { #workspaces { padding: 0 15px 0 15px; margin: 5px 0 5px 0; - background-color: @background; - color: @white; + background-color: @bg; + color: @fg; border-radius: 14px; /* margin: 0; */ } @@ -66,11 +66,11 @@ button:focus { } #workspaces button:hover { - color: @background; + color: @bg; } #workspaces button.active { - background-color: @background; + background-color: @bg; color: @white; } @@ -82,7 +82,7 @@ button:focus { #tray { padding: 7px; margin: 5px 0 5px 0; - background-color: @background; + background-color: @bg; color: #d8dee8; border-radius: 10px; } @@ -99,7 +99,7 @@ button:focus { #custom-cmus { padding: 0 15px 0 15px; margin: 5px 0 5px 0; - background-color: @background; + background-color: @bg; color: #b9f27c; border-radius: 8px; } @@ -108,8 +108,8 @@ button:focus { #window { padding: 0 15px 0 15px; margin: 5px 0 5px 0; - background-color: @background; - color: @white; + background-color: @bg; + color: @fg; border-radius: 8px; } @@ -117,8 +117,8 @@ button:focus { #clock { padding: 0 15px 0 15px; margin: 5px 0 5px 0; - background-color: @background; - color: @white; + background-color: @bg; + color: @fg; border-radius: 8px; } @@ -127,8 +127,8 @@ button:focus { #custom-weather { padding: 0 15px 0 15px; margin: 5px 0 5px 0; - background-color: @background; - color: #d8dee8; + background-color: @bg; + color: @fg; border-radius: 8px; } @@ -144,7 +144,7 @@ label:focus { } #custom-language { - background-color: @background; + background-color: @bg; padding: 0 15px 0 15px; margin: 5px 0 5px 0; border-radius: 8px; @@ -152,14 +152,14 @@ label:focus { #pulseaudio { - background-color: @background; + background-color: @bg; padding: 0 15px 0 15px; margin: 5px 0 5px 0; border-radius: 8px; } #bluetooth { - background-color: @background; + background-color: @bg; padding: 0 15px 0 15px; margin: 5px 0 5px 0; border-radius: 8px; @@ -169,17 +169,17 @@ label:focus { padding: 0 15px 0 15px; margin: 5px 0 5px 0; border-radius: 8px; - color: @blue; - background: @background; + color: @green; + background: @bg; } #battery.charging, #battery.plugged { color: @green; - background-color: @background; + background-color: @bg; } #battery.warning:not(.charging) { - background-color: @background; + background-color: @bg; color: @orange; }