thomasabishop/dotfiles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

hypr: style tweaks to waybar and notifications

Browse source
This commit is contained in:
thomasabishop 2024-03-16 09:21:36 +00:00
parent 75cefd0115
commit d1efc925e4
3 changed files with 57 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
swaync/style.css
View file

@ -63,7 +63,7 @@
} }
.notification-row .notification-background .notification.normal { .notification-row .notification-background .notification.normal {
border: 2px solid #98971a; /* border: 2px solid #bdae93; */
} }
.notification-row .notification-background .notification.critical { .notification-row .notification-background .notification.critical {
@ -397,7 +397,9 @@
.control-center .control-center-list .notification .notification-default-action, .control-center .control-center-list .notification .notification-default-action,
.control-center .control-center-list .notification .notification-action { .control-center .control-center-list .notification .notification-action {
transition: opacity 400ms ease-in-out, background 0.15s ease-in-out; transition:
opacity 400ms ease-in-out,
background 0.15s ease-in-out;
} }
.control-center .control-center

25
waybar/config
View file

@ -6,9 +6,10 @@
"modules-left": [ "modules-left": [
"custom/os", "custom/os",
"hyprland/workspaces", "hyprland/workspaces",
],
"modules-center": [
"wlr/taskbar" "wlr/taskbar"
], ],
"modules-center": [],
"modules-right": [ "modules-right": [
"network", "network",
"bluetooth", "bluetooth",
@ -86,8 +87,8 @@
"spacing": 10 "spacing": 10
}, },
"clock": { "clock": {
"format": "{:󰖉 %H:%M }", "format": "{:%H:%M }",
"format-alt": "{:%d/%m/%Y}" "format-alt": "{:%d/%m/%Y}"
}, },
"cpu": { "cpu": {
"format": "cpu {usage}%", "format": "cpu {usage}%",
@ -107,7 +108,7 @@
}, },
"backlight": { "backlight": {
"device": "acpi_video1", "device": "acpi_video1",
"format": "{icon}{percent}%", "format": "bl {percent}%",
"format-icons": [ "format-icons": [
"󰪞 ", "󰪞 ",
"󰪟 ", "󰪟 ",
@ -123,9 +124,9 @@
"warning": 30, "warning": 30,
"critical": 15 "critical": 15
}, },
"format": "{icon} {capacity}%", "format": "batt {capacity}%",
"format-charging": "󰂈 {capacity}%", "format-charging": "batt (ch){capacity}%",
"format-plugged": "󰂄 {capacity}%", "format-plugged": "batt {capacity}%",
"format-icons": [ "format-icons": [
"󰁻", "󰁻",
"󰁼", "󰁼",
@ -138,7 +139,7 @@
"bat": "BAT2" "bat": "BAT2"
}, },
"network": { "network": {
"format-wifi": "󰖩 ", "format-wifi": "󰖩 {essid}",
"format-ethernet": "{ipaddr}/{cidr}", "format-ethernet": "{ipaddr}/{cidr}",
"tooltip-format": "{ifname} via {gwaddr}", "tooltip-format": "{ifname} via {gwaddr}",
"format-linked": "{ifname} (No IP)", "format-linked": "{ifname} (No IP)",
@ -173,10 +174,10 @@
}, },
"bluetooth": { "bluetooth": {
"controller": "bluetoothctl", "controller": "bluetoothctl",
"format": " ", "format": " active",
"format-connected": " ", "format-connected": " connected",
"format-alt": " {device_alias}", "format-alt": " {device_alias}",
"format-connected-battery": " ", "format-connected-battery": " {device_battery_percentage}%",
"tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected", "tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected",
"tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}", "tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}",
"tooltip-format-enumerate-connected": "{device_alias}\t{device_address}", "tooltip-format-enumerate-connected": "{device_alias}\t{device_address}",
@ -198,7 +199,7 @@
}, },
"custom/wakatime": { "custom/wakatime": {
"exec": "source $HOME/dotfiles/.env && python3 $HOME/.config/waybar/resources/custom_modules/wakatime_waybar.py", "exec": "source $HOME/dotfiles/.env && python3 $HOME/.config/waybar/resources/custom_modules/wakatime_waybar.py",
"format": "󰅱 {}", "format": "code {}",
"return-type": "json", "return-type": "json",
"interval": 600 "interval": 600
}, },

65
waybar/style.css
View file

@ -14,9 +14,9 @@ tooltip {
color: #ebdbb2; color: #ebdbb2;
border-radius: 0; border-radius: 0;
font-weight: 400; font-weight: 400;
background-color: #282828; background-color: rgba(40, 40, 40, 0.8);
box-shadow: none; box-shadow: none;
font-family: "Sys TT"; font-family: "PragmataPro Mono";
padding: 20px; padding: 20px;
} }
@ -34,7 +34,7 @@ button {
#workspaces button.active { #workspaces button.active {
color: #282828; color: #282828;
background-color: #98971a; background-color: #98971a;
border: 2px solid #504945; border: 2px solid #79740e;
} }
#workspaces button { #workspaces button {
@ -53,8 +53,8 @@ button {
} }
#taskbar button { #taskbar button {
color: #ebdbb2; /* color: #ebdbb2; */
background-color: #3c3836; /* background-color: #3c3836; */
padding: 3px 8px; padding: 3px 8px;
margin-top: 6px; margin-top: 6px;
margin-bottom: 6px; margin-bottom: 6px;
@ -129,7 +129,8 @@ button {
} }
#clock { #clock {
color: #98971a; border: 1px solid #458588;
color: #458588;
font-weight: 400; font-weight: 400;
padding-top: 3px; padding-top: 3px;
padding-bottom: 3px; padding-bottom: 3px;
@ -140,33 +141,37 @@ button {
margin-top: 6px; margin-top: 6px;
margin-bottom: 6px; margin-bottom: 6px;
border-right: 1px solid #504945; /* border-right: 1px solid #504945; */
/* color: #1d2021; */ /* color: #1d2021; */
} }
#bluetooth { #bluetooth {
padding-right: 16px; padding-right: 16px;
border-right: 1px solid #504945; /* border-right: 1px solid #504945; */
color: #458588; color: #98971a;
border: 1px solid #98971a;
/* color: #282828; */ /* color: #282828; */
} }
#battery { #battery {
color: #b16286; border: 1px solid #458588;
border-right: 1px solid #504945; color: #458588;
/* border-right: 1px solid #504945; */
padding-right: 14px; padding-right: 14px;
/* color: #282828; */ /* color: #282828; */
} }
#battery.charging, #battery.charging,
#battery.plugged { #battery.plugged {
color: #b16286; border: 1px solid #458588;
color: #458588;
/* color: #282828; */ /* color: #282828; */
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
background-color: #fb4934; border: 1px solid #fb4934;
color: #f2e5bc; color: #fb4934;
animation-name: blink; animation-name: blink;
animation-duration: 0.5s; animation-duration: 0.5s;
animation-timing-function: linear; animation-timing-function: linear;
@ -175,30 +180,34 @@ button {
} }
#cpu { #cpu {
color: #d79921; border: 1px solid #458588;
color: #458588;
/* color: #282828; */ /* color: #282828; */
/* color: #282828; */ /* color: #282828; */
} }
#memory { #memory {
color: #d79921; border: 1px solid #458588;
color: #458588;
/* color: #282828; */ /* color: #282828; */
} }
#disk, #disk,
#custom-diskBackup { #custom-diskBackup {
color: #d79921; border: 1px solid #458588;
color: #458588;
/* color: #282828; */ /* color: #282828; */
} }
#backlight { #backlight {
color: #b16286; border: 1px solid #458588;
color: #458588;
/* color: #282828; */ /* color: #282828; */
} }
#network { #network {
padding-right: 0; border: 1px solid #98971a;
color: #458588; color: #98971a;
/* color: #282828; */ /* color: #282828; */
} }
@ -221,8 +230,9 @@ button {
} }
#temperature { #temperature {
color: #d79921; border: 1px solid #458588;
border-right: 1px solid #504945; color: #458588;
/* border-right: 1px solid #504945; */
padding-right: 14px; padding-right: 14px;
} }
@ -241,18 +251,21 @@ button {
#idle_inhibitor.activated { #idle_inhibitor.activated {
background-color: #98971a; background-color: #98971a;
color: #282828; color: #282828;
border: 2px solid #79740e;
} }
#custom-os { #custom-os {
font-size: 16px; font-size: 16px;
background-color: #458588; background-color: #458588;
color: #f2e5bc; color: #f2e5bc;
border: 2px solid #504945; border: 2px solid #076678;
} }
#custom-wakatime { #custom-wakatime {
color: #d65d0e; color: #458588;
border-right: 1px solid #504945;
border: 1px solid #458588;
/* border-right: 1px solid #504945; */
padding-right: 14px; padding-right: 14px;
} }
@ -263,7 +276,7 @@ button {
#custom-timewarrior.active { #custom-timewarrior.active {
background-color: #98971a; background-color: #98971a;
color: #282828; color: #282828;
border: 2px solid #504945; border: 2px solid #79740e;
} }
#custom-timewarrior.inactive { #custom-timewarrior.inactive {