Modified: .config/waybar/

This commit is contained in:
hok7z 2024-01-02 19:25:53 +02:00
parent 226bcbf900
commit 16f2c2efd2
3 changed files with 58 additions and 41 deletions

View File

@ -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;

View File

@ -7,10 +7,10 @@
"spacing": 3, "spacing": 3,
"modules-left": ["hyprland/window", "pulseaudio","tray"], "modules-left": ["hyprland/window", "pulseaudio","tray"],
"modules-center": ["wlr/workspaces"], "modules-center": ["hyprland/workspaces"],
"modules-right": ["custom/cmus", "custom/weather", "custom/language", "clock", "battery"], "modules-right": ["custom/cmus", "custom/weather", "custom/language", "clock", "battery"],
"wlr/workspaces": { "hyprland/workspaces": {
"format": "{icon}", "format": "{icon}",
"on-scroll-up": "hyprctl dispatch workspace e+1", "on-scroll-up": "hyprctl dispatch workspace e+1",
"on-scroll-down": "hyprctl dispatch workspace e-1", "on-scroll-down": "hyprctl dispatch workspace e-1",
@ -18,7 +18,7 @@
"all-outputs": false, "all-outputs": false,
"format": "{icon}", "format": "{icon}",
// "format-icons": { //"format-icons": {
// "1": "", // "1": "",
// "2": "", // "2": "",
// "3": "", // "3": "",
@ -28,7 +28,7 @@
// "urgent": "", // "urgent": "",
// "focused": "", // "focused": "",
// "default": "" // "default": ""
//} //},
"format-icons": { "format-icons": {
"1": "", "1": "",
@ -42,8 +42,9 @@
"9": "", "9": "",
"focused": " ", "focused": " ",
"urgent": " ", "urgent": " ",
//"default": " ", "default": " ",
}, },
"icon-size": 14 "icon-size": 14
}, },
@ -86,25 +87,32 @@
}, },
"custom/language": { "custom/language": {
"exec": "~/.config/hypr/scripts/kb_hypr", "exec": "~/.config/hypr/.scripts/kb_hypr",
"interval": 1, "interval": 1,
"format": " {}", "format": " {}",
}, },
"battery": { "battery": {
"interval": 5,
"states": { "states": {
"good": 60, "good": 70,
"warning": 40, "warning": 35,
"critical": 30 "critical": 20
}, },
"format": "{icon} {capacity}%", "format": "{icon} {capacity}%",
"format-charging": " {capacity}%", "format-icons": {
"format-plugged": " {capacity}%", "default": ["󰂎", "󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"],
"format-full": " full charged", "charging": ["󰢟", "󰢜", "󰂆", "󰂇", "󰂈", "󰢝", "󰂉", "󰢞", "󰂊", "󰂋", "󰂅"]
"format-warning": " {capacity}%", },
"format-critical": " {capacity}%", //"format-charging": " {capacity}%",
"format-alt": "{time} {icon}", //"format-plugged": " {capacity}%",
"format-icons": ["", "", "", "", ""] //"format-full": " full charged",
//"format-warning": " {capacity}%",
//"format-critical": " {capacity}%",
//"format-alt": "{time} {icon}",
//"format-icons": ["", "", "", "", ""]
}, },
"bluetooth": { "bluetooth": {

View File

@ -4,11 +4,11 @@
font-size: 13px; font-size: 13px;
} }
@import "./nord.css"; @import "./colors.css";
window#waybar { window#waybar {
background-color: rgba(43, 48, 59, 0.0); background-color: rgba(43, 48, 59, 0.0);
color: @foreground; color: @fg;
transition-property: background-color; transition-property: background-color;
transition-duration: .5s; transition-duration: .5s;
padding: 0; padding: 0;
@ -27,7 +27,7 @@ window#waybar {
button { button {
margin: 0; margin: 0;
padding: 10px; padding: 10px;
background-color: @background; background-color: @bg;
color: #d8dee8; color: #d8dee8;
border-radius: 8px; border-radius: 8px;
} }
@ -35,7 +35,7 @@ button {
button:hover { button:hover {
margin: 0; margin: 0;
padding: 10px; padding: 10px;
background-color: @background; background-color: @bg;
color: #d8dee8; color: #d8dee8;
border-radius: 8px; border-radius: 8px;
} }
@ -43,7 +43,7 @@ button:hover {
button:focus { button:focus {
margin: 0; margin: 0;
padding: 10px; padding: 10px;
background-color: @background; background-color: @bg;
color: #d8dee8; color: #d8dee8;
border-radius: 8px; border-radius: 8px;
} }
@ -52,8 +52,8 @@ button:focus {
#workspaces { #workspaces {
padding: 0 15px 0 15px; padding: 0 15px 0 15px;
margin: 5px 0 5px 0; margin: 5px 0 5px 0;
background-color: @background; background-color: @bg;
color: @white; color: @fg;
border-radius: 14px; border-radius: 14px;
/* margin: 0; */ /* margin: 0; */
} }
@ -66,11 +66,11 @@ button:focus {
} }
#workspaces button:hover { #workspaces button:hover {
color: @background; color: @bg;
} }
#workspaces button.active { #workspaces button.active {
background-color: @background; background-color: @bg;
color: @white; color: @white;
} }
@ -82,7 +82,7 @@ button:focus {
#tray { #tray {
padding: 7px; padding: 7px;
margin: 5px 0 5px 0; margin: 5px 0 5px 0;
background-color: @background; background-color: @bg;
color: #d8dee8; color: #d8dee8;
border-radius: 10px; border-radius: 10px;
} }
@ -99,7 +99,7 @@ button:focus {
#custom-cmus { #custom-cmus {
padding: 0 15px 0 15px; padding: 0 15px 0 15px;
margin: 5px 0 5px 0; margin: 5px 0 5px 0;
background-color: @background; background-color: @bg;
color: #b9f27c; color: #b9f27c;
border-radius: 8px; border-radius: 8px;
} }
@ -108,8 +108,8 @@ button:focus {
#window { #window {
padding: 0 15px 0 15px; padding: 0 15px 0 15px;
margin: 5px 0 5px 0; margin: 5px 0 5px 0;
background-color: @background; background-color: @bg;
color: @white; color: @fg;
border-radius: 8px; border-radius: 8px;
} }
@ -117,8 +117,8 @@ button:focus {
#clock { #clock {
padding: 0 15px 0 15px; padding: 0 15px 0 15px;
margin: 5px 0 5px 0; margin: 5px 0 5px 0;
background-color: @background; background-color: @bg;
color: @white; color: @fg;
border-radius: 8px; border-radius: 8px;
} }
@ -127,8 +127,8 @@ button:focus {
#custom-weather { #custom-weather {
padding: 0 15px 0 15px; padding: 0 15px 0 15px;
margin: 5px 0 5px 0; margin: 5px 0 5px 0;
background-color: @background; background-color: @bg;
color: #d8dee8; color: @fg;
border-radius: 8px; border-radius: 8px;
} }
@ -144,7 +144,7 @@ label:focus {
} }
#custom-language { #custom-language {
background-color: @background; background-color: @bg;
padding: 0 15px 0 15px; padding: 0 15px 0 15px;
margin: 5px 0 5px 0; margin: 5px 0 5px 0;
border-radius: 8px; border-radius: 8px;
@ -152,14 +152,14 @@ label:focus {
#pulseaudio { #pulseaudio {
background-color: @background; background-color: @bg;
padding: 0 15px 0 15px; padding: 0 15px 0 15px;
margin: 5px 0 5px 0; margin: 5px 0 5px 0;
border-radius: 8px; border-radius: 8px;
} }
#bluetooth { #bluetooth {
background-color: @background; background-color: @bg;
padding: 0 15px 0 15px; padding: 0 15px 0 15px;
margin: 5px 0 5px 0; margin: 5px 0 5px 0;
border-radius: 8px; border-radius: 8px;
@ -169,17 +169,17 @@ label:focus {
padding: 0 15px 0 15px; padding: 0 15px 0 15px;
margin: 5px 0 5px 0; margin: 5px 0 5px 0;
border-radius: 8px; border-radius: 8px;
color: @blue; color: @green;
background: @background; background: @bg;
} }
#battery.charging, #battery.plugged { #battery.charging, #battery.plugged {
color: @green; color: @green;
background-color: @background; background-color: @bg;
} }
#battery.warning:not(.charging) { #battery.warning:not(.charging) {
background-color: @background; background-color: @bg;
color: @orange; color: @orange;
} }