Teez/hyprcrux
1
0
Fork 0
mirror of https://github.com/xsghetti/HyprCrux.git synced 2025-07-01 21:10:38 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Waybar + Pywal Changes

Browse source
This commit is contained in:
Dante 2024-03-01 13:22:09 -05:00 • committed by GitHub
parent 7bcecff8d1
commit ad7b72af43
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 63 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

27
.config/waybar/config
View file

@ -6,9 +6,9 @@
// "width": 1280, // Waybar width
// "spacing": 4, // Gaps between modules (4px)
// Choose the order of the modules
"modules-left": ["custom/menu", "hyprland/workspaces", "custom/updates"],
"modules-left": ["custom/menu", "hyprland/workspaces", "custom/swaync", "custom/updates"],
"modules-center": ["custom/playerctl", "custom/playerlabel"],
"modules-right": ["network", "custom/div", "pulseaudio", "custom/div", "clock", "tray", "custom/power"],
"modules-right": ["network", "pulseaudio", "clock", "tray", "custom/power"],
"keyboard-state": {
"numlock": true,
@ -227,10 +227,31 @@
"on-click": "activate",
"on-click-middle": "close"
},
},
"custom/swaync": {
"tooltip": true,
"format": "{icon} {}",
"format-icons": {
"notification": "<span foreground='red'><sup></sup></span>",
"none": "",
"dnd-notification": "<span foreground='red'><sup></sup></span>",
"dnd-none": "",
"inhibited-notification": "<span foreground='red'><sup></sup></span>",
"inhibited-none": "",
"dnd-inhibited-notification": "<span foreground='red'><sup></sup></span>",
"dnd-inhibited-none": ""
},
"return-type": "json",
"exec-if": "which swaync-client",
"exec": "swaync-client -swb",
"on-click": "sleep 0.1 && swaync-client -t -sw",
"on-click-right": "swaync-client -d -sw",
"escape": true
},
}

61
.config/waybar/style.css
View file

@ -15,25 +15,27 @@ window#waybar {
tooltip {
background: rgba(114, 101, 138, 0.5);
border: 1px solid rgba(100, 114, 125, 0.5);
background: @color1;
border: 1px solid @color7;
color: @color7
}
tooltip label {
color: white;
}
#workspaces{
background-color: rgba(114, 101, 138, 0.5);
margin-top: 3px;
background-color: @color1;
margin-top: 5px;
margin-bottom: 3px;
border-radius: 4px;
margin-left: 5px;
padding-right: 5px;
border: 1.2px solid @color7;
}
#workspaces button {
padding: 5px 5px;
background: transparent;
color: @foreground;
color: @color7;
border-bottom: 3px solid transparent;
margin-top: 3px;
margin-left: 3px;
@ -50,7 +52,7 @@ tooltip label {
#workspaces button:hover{
border-radius: 6px;
/* background-color: rgba(114, 101, 138, 0.8); */
box-shadow: inset 2px 2px 2px @foreground;
box-shadow: inset 2px 2px 2px @color7;
}
@ -64,17 +66,19 @@ tooltip label {
}
#clock, #idle_inhibitor, #network, #pulseaudio, #tray, #temperature{
background-color: rgba(114, 101, 138, 0.5);
background-color: @color1;
padding: 2px 10px;
margin-top: 3px;
margin-top: 5px;
margin-bottom: 3px;
padding-left: 10px;
color: @foreground;
color: @color7;
border: 1.2px solid @color7;
}
#custom-div{
background-color: rgba(114, 101, 138, 0.5);
background-color: @color1;
margin-top: 3px;
margin-bottom: 3px;
}
#clock {
padding-left: 15px;
@ -114,12 +118,13 @@ tooltip label {
#custom-menu{
padding-left: 8px;
padding-right: 11px;
background-color: rgba(114, 101, 138, 0.5);
background-color: @color1;
border-radius: 4px;
margin-top: 3px;
margin-top: 5px;
margin-bottom: 3px;
margin-left: 5px;
color: @foreground;
color: @color7;
border: 1.2px solid @color7;
}
@ -136,10 +141,17 @@ tooltip label {
padding-right: 10px;
}
#custom-updates{
padding-left: 10px;
color: @foreground;
padding-left: 5px;
padding-right: 5px;
color: @color7;
background-color: @color1;
border: 1.2px solid @color7;
border-radius: 4px;
margin-top: 5px;
margin-bottom: 3px;
margin-left: 4px;
}
#pulseaudio.muted{
color: rgb(189, 5, 5);
font-weight: bold;
@ -149,28 +161,33 @@ tooltip label {
#custom-power{
margin-right: 5px;
margin-left: 2px;
margin-top: 3px;
margin-top: 5px;
margin-bottom: 3px;
border-radius: 4px;
padding-right: 2px;
background-color: rgba(114, 101, 138, 0.5);
color: @foreground;
background-color: @color1;
color: @color7;
border: 1.2px solid @color7;
}
#network{
border-radius: 4px 0px 0px 4px;
}
#custom-playerctl{
#custom-playerctl,
#custom-playerlabel{
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
background-color: rgba(114, 101, 138, 0.5);
background-color: @color1;
margin-bottom: 3px;
margin-top: 3px;
margin-top: 5px;
margin-right: 5px;
border-radius: 4px;
margin-left: 5px;
border: 1.2px solid @color7;
color: @color7;
}
#custom-name{