From 54973fdc45fe4d512a2f9e96fdba4962157acbfe Mon Sep 17 00:00:00 2001 From: zachir Date: Wed, 22 Feb 2023 11:18:07 -0600 Subject: add DN-debug config and tweak a tiny --- waybar/style.css | 310 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 310 insertions(+) create mode 100644 waybar/style.css (limited to 'waybar/style.css') diff --git a/waybar/style.css b/waybar/style.css new file mode 100644 index 0000000..7fb94f5 --- /dev/null +++ b/waybar/style.css @@ -0,0 +1,310 @@ +* { + border: none; + border-radius: 0px; + /* `otf-font-awesome` is required to be installed for icons */ + font-family: Roboto, Helvetica, Arial, sans-serif; + font-size: 13px; + min-height: 0; +} + +window#waybar { + background-color: transparent; + color: #ffffff; + transition-property: background-color; + transition-duration: .5s; +} + +window#waybar.hidden { + opacity: 0.2; +} + + +#workspaces button { + background: #1f1f1f; + color: #ffffff; + border-radius: 20px; + +} + +/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ +#workspaces button:hover { + background: lightblue; + color: black; + border-bottom: 3px solid #ffffff; + +} + +#workspaces button.focused { + background: #1f1f1f; +} + +#workspaces button.focused:hover { + background: lightblue; + color: black; + border-bottom: 3px solid #ffffff; + +} + +#workspaces button.urgent { + background-color: #eb4d4b; +} + +#mode { + background-color: #64727D; + border-bottom: 3px solid #ffffff; +} + +#clock, +#battery, +#cpu, +#memory, +#disk, +#temperature, +#backlight, +#network, +#pulseaudio, +#custom-media, +#custom-launcher, +#custom-power, +#custom-layout, +#custom-updater, +#custom-snip, +#custom-wallpaper, +#tags, +#taskbar, +#tray, +#mode, +#idle_inhibitor, +#mpd { + padding: 0 10px; + color: #ffffff; +} + +#window, +#workspaces { + margin: 0px 4px; +} + +/* If workspaces is the leftmost module, omit left margin */ +.modules-left > widget:first-child > #workspaces { + margin-left: 0px; +} + +/* If workspaces is the rightmost module, omit right margin */ +.modules-right > widget:last-child > #workspaces { + margin-right: 0px; +} + +#clock { + background-color: #171717; + color: #ffffff; +} + +#battery { + background-color: #ffffff; + color: #000000; +} + +#battery.charging, #battery.plugged { + color: #ffffff; + background-color: #26A65B; +} + +@keyframes blink { + to { + background-color: #ffffff; + color: #000000; + } +} + +#battery.critical:not(.charging) { + background-color: #f53c3c; + color: #ffffff; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +label:focus { + background-color: #000000; +} + +#cpu { + background-color: #171717; + color: #ffffff; +} + +#memory { + background-color: #171717; + color: #ffffff; +} + +#disk { + background-color: #171717; + color: #ffffff; +} + +#backlight { + background-color: #90b1b1; +} + +#network { + background-color: #171717; + color: #ffffff; +} + +#network.disconnected { + background-color: #171717; + color: red; +} + +#pulseaudio { + background-color: #171717; + color: #ffffff; +} + +#pulseaudio.muted { + background-color: #171717; + color: red; +} + +#custom-media { + background-color: #171717; + color: white; +} + +#custom-media.custom-spotify { + background-color: #171717; + color: white; + +} + +#custom-media.custom-vlc { + background-color: #171717; + color: white; +} + +#custom-power{ + background-color: #171717; + font-size: 18px; + margin-right: 5px; + +} + +#custom-launcher{ + background-color: #171717; + font-size: 20px; + margin-left: 5px; + +} + +#custom-layout{ + background-color: #171717; + color: white; + font-size:20px; +} + +#custom-updater { + background-color: #171717; + color: white; +} + +#custom-snip { + background-color: #171717; + color: skyblue; + font-size: 20px; +} + +#custom-wallpaper { + background-color: #171717; + color: pink; + font-size: 20px; +} + +#tags{ + background-color: #171717; + font-size: 20px; +} + +#tags button.occupied { + color: skyblue; + margin: 5px; + background-color: #272727; +} +#tags button.focused { + color: black; + margin: 5px; + background-color: white; +} +#tags button.urgent{ + color: red; + margin: 5px; + background-color:white; +} + + +#taskbar{ + background-color: #171717; + border-radius: 0px 20px 20px 0px; +} + +#temperature { + background-color: #171717; + color: #ffffff; +} + +#temperature.critical { + background-color: #eb4d4b; +} + +#tray { + background-color: #171717; + color: #ffffff; +} + +#tray > .passive { + -gtk-icon-effect: dim; + background-color: #171717; + color: #ffffff; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #171717; + color: #ffffff; +} + +#idle_inhibitor { + background-color: #171717; + border-radius: 20px 0px 0px 20px; + +} + +#idle_inhibitor.activated { + background-color: #171717; + color: #ffffff; + border-radius: 20px 0px 0px 20px; + +} + +#language { + background-color: #171717; + color: #ffffff; + min-width: 16px; +} + +#keyboard-state { + background: #97e1ad; + color: #000000; + min-width: 16px; +} + +#keyboard-state > label { + padding: 0px 5px; +} + +#keyboard-state > label.locked { + background: rgba(0, 0, 0, 0.2); +} -- cgit v1.2.3 From 6fd0a16cb89a8ce9e38af18caa26a458490b7159 Mon Sep 17 00:00:00 2001 From: zachir Date: Fri, 24 Feb 2023 01:46:55 -0600 Subject: set idle_inhibitor color to green when on (waybar) --- waybar/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'waybar/style.css') diff --git a/waybar/style.css b/waybar/style.css index 7fb94f5..8f3e1bc 100644 --- a/waybar/style.css +++ b/waybar/style.css @@ -283,7 +283,7 @@ label:focus { } #idle_inhibitor.activated { - background-color: #171717; + background-color: #198844; color: #ffffff; border-radius: 20px 0px 0px 20px; -- cgit v1.2.3 From e0112883ed693bcc0c83a87acc35944f08866bbd Mon Sep 17 00:00:00 2001 From: zachir Date: Fri, 24 Feb 2023 10:20:39 -0600 Subject: change some sizes in waybar + foot --- foot/foot.ini | 2 +- waybar/config | 20 ++++++++++---------- waybar/style.css | 12 ++++++------ 3 files changed, 17 insertions(+), 17 deletions(-) (limited to 'waybar/style.css') diff --git a/foot/foot.ini b/foot/foot.ini index 8191bba..3817067 100644 --- a/foot/foot.ini +++ b/foot/foot.ini @@ -8,7 +8,7 @@ # title=foot # locked-title=no -font=mononoki Nerd Font Mono:size=12 +font=mononoki Nerd Font Mono:size=10 # font-bold= # font-italic= # font-bold-italic= diff --git a/waybar/config b/waybar/config index c9c45c3..b271758 100644 --- a/waybar/config +++ b/waybar/config @@ -1,10 +1,10 @@ { "layer": "top", "position": "top", - "height": 35, + "height": 36, "spacing": 4, - "margin-top": 5, - "margin-bottom":5, + //"margin-top": 5, + //"margin-bottom":5, // Choose the order of the modules @@ -68,13 +68,13 @@ "warning": 30, "critical": 15 }, - "format": "{capacity}% {icon}", - "format-charging": "{capacity}% ", - "format-plugged": "{capacity}% ", - "format-alt": "{time} {icon}", + "format": "{capacity}%", + "format-charging": "{capacity}% +", + "format-plugged": "{capacity}% =", + "format-alt": "{time}", // "format-good": "", // An empty format will hide the module // "format-full": "", - "format-icons": ["", "", "", "", ""] + //"format-icons": ["", "", "", "", ""] }, "battery#bat0": { "bat": "BAT0" @@ -113,8 +113,8 @@ }, "custom/launcher":{ "format": "", - "on-click": "wofi --show drun", - "on-click-right": "killall wofi" + "on-click": "exec $(tofi-drun)", + "on-click-right": "killall tofi" }, "custom/power":{ "format": " ", diff --git a/waybar/style.css b/waybar/style.css index 8f3e1bc..95198f2 100644 --- a/waybar/style.css +++ b/waybar/style.css @@ -1,10 +1,12 @@ * { - border: none; + border: 0px; + margin: 0px; border-radius: 0px; /* `otf-font-awesome` is required to be installed for icons */ font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 13px; - min-height: 0; + min-height: 0px; + min-width: 0px; } window#waybar { @@ -76,7 +78,8 @@ window#waybar.hidden { #mode, #idle_inhibitor, #mpd { - padding: 0 10px; + padding: 0px 9px; + margin: 0px; color: #ffffff; } @@ -230,17 +233,14 @@ label:focus { #tags button.occupied { color: skyblue; - margin: 5px; background-color: #272727; } #tags button.focused { color: black; - margin: 5px; background-color: white; } #tags button.urgent{ color: red; - margin: 5px; background-color:white; } -- cgit v1.2.3 From a47fab2982f738b11306b7278aed5a4503a6f381 Mon Sep 17 00:00:00 2001 From: zachir Date: Sun, 26 Feb 2023 13:20:46 -0600 Subject: add wlr workspace style to css --- waybar/style.css | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) (limited to 'waybar/style.css') diff --git a/waybar/style.css b/waybar/style.css index 95198f2..05adb84 100644 --- a/waybar/style.css +++ b/waybar/style.css @@ -29,19 +29,26 @@ window#waybar.hidden { } /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ + +#workspaces button { + background: #2b55b2; + color: white; + border-bottom: 3px solid #000000; +} + #workspaces button:hover { - background: lightblue; + background: #39c1ed; color: black; border-bottom: 3px solid #ffffff; } -#workspaces button.focused { - background: #1f1f1f; +#workspaces button.active { + background: #39c1ed; } -#workspaces button.focused:hover { - background: lightblue; +#workspaces button.active:hover { + background: #39c1ed; color: black; border-bottom: 3px solid #ffffff; -- cgit v1.2.3 From 1eb7947ced988a249f8833e1b76246ed4411ac2e Mon Sep 17 00:00:00 2001 From: zachir Date: Sun, 26 Feb 2023 14:39:45 -0600 Subject: update waybar for mononoki font and for window title --- waybar/config-Hyprland | 6 +++++- waybar/style.css | 4 ++-- 2 files changed, 7 insertions(+), 3 deletions(-) (limited to 'waybar/style.css') diff --git a/waybar/config-Hyprland b/waybar/config-Hyprland index 3074f40..903fcc7 100644 --- a/waybar/config-Hyprland +++ b/waybar/config-Hyprland @@ -9,7 +9,7 @@ // Choose the order of the modules - "modules-left":[ "wlr/workspaces", "custom/launcher"], + "modules-left":[ "wlr/workspaces", "custom/launcher", "hyprland/window"], "modules-center":[], "modules-right":[ "idle_inhibitor", "pulseaudio", "cpu", "memory", "temperature", "backlight", "battery#bat0", "battery#bat1", "network", "clock", "tray", "custom/power"], @@ -22,6 +22,10 @@ "on-scroll-up": "hyprctl dispatch workspace e+1", "on-scroll-down": "hyprctl dispatch workspace e-1" }, + "hyprland/window": { + "separate-outputs": true, + "format": "{}" + }, "keyboard-state": { "numlock": true, "capslock": true, diff --git a/waybar/style.css b/waybar/style.css index 05adb84..8333fb6 100644 --- a/waybar/style.css +++ b/waybar/style.css @@ -3,8 +3,8 @@ margin: 0px; border-radius: 0px; /* `otf-font-awesome` is required to be installed for icons */ - font-family: Roboto, Helvetica, Arial, sans-serif; - font-size: 13px; + font-family: mononoki Nerd Font Mono; + font-size: 18px; min-height: 0px; min-width: 0px; } -- cgit v1.2.3