add Personal+ziap waybar configs
This commit is contained in:
Melendezz
89
configs/waybar_l/Meself/Personal+ziap/config.jsonc
Normal file
89
configs/waybar_l/Meself/Personal+ziap/config.jsonc
Normal file
@@ -0,0 +1,89 @@
|
||||
{
|
||||
"height": 25,
|
||||
"modules-left": ["sway/workspaces"],
|
||||
"modules-center": [
|
||||
"custom/clock"
|
||||
],
|
||||
"modules-right": [
|
||||
"tray",
|
||||
"custom/d",
|
||||
"wireplumber",
|
||||
"custom/d",
|
||||
"backlight",
|
||||
"custom/d",
|
||||
"bluetooth",
|
||||
"custom/d",
|
||||
"network",
|
||||
"battery"
|
||||
],
|
||||
|
||||
"custom/d": {
|
||||
"format": " ",
|
||||
"tooltip": false
|
||||
},
|
||||
"sway/workspaces": {
|
||||
"disable-scroll": false,
|
||||
"current-only": false,
|
||||
"all-outputs": true,
|
||||
"format": "{name}",
|
||||
"format": {
|
||||
"1": "1",
|
||||
"2": "2",
|
||||
"3": "3",
|
||||
"4": "4",
|
||||
"5": "5"
|
||||
}
|
||||
},
|
||||
"tray": {
|
||||
"icon-size": 14
|
||||
},
|
||||
"wireplumber": {
|
||||
"format": "{volume}% {icon}",
|
||||
"format-muted": " ",
|
||||
"on-click": "pavucontrol ",
|
||||
"format-icons": [" ", " ", " "]
|
||||
},
|
||||
"bluetooth": {
|
||||
// "controller": "controller1", // specify the alias of the controller if there are more than 1 on the system
|
||||
"format": " ",
|
||||
"format-disabled": "", // an empty format will hide the module
|
||||
"format-connected": " {num_connections}",
|
||||
"tooltip-format": "{controller_alias}\t{controller_address}",
|
||||
"tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{device_enumerate}",
|
||||
"tooltip-format-enumerate-connected": "{device_alias}\t{device_address}",
|
||||
"on-click": "blueberry",
|
||||
"cursor": false
|
||||
},
|
||||
"backlight": { // "device": "acpi_video1",
|
||||
"format": "{icon} ",
|
||||
"format-icons": [
|
||||
" ",
|
||||
" ",
|
||||
" ",
|
||||
" ",
|
||||
" ",
|
||||
" ",
|
||||
" ",
|
||||
" ",
|
||||
" "
|
||||
],
|
||||
"reverse-scrolling": true,
|
||||
"tooltip-format": "Brightness: {percent}%",
|
||||
"cursor": false
|
||||
},
|
||||
"custom/clock": {
|
||||
"exec": "date +'%I:%M'",
|
||||
"on-click": "month",
|
||||
"on-click-right": "schedule",
|
||||
"interval": 60
|
||||
},
|
||||
"network": {
|
||||
/* "format-wifi": "直", */
|
||||
"format-wifi": "{icon} ",
|
||||
"format-ethernet": " ",
|
||||
"format-disconnected": " ",
|
||||
"tooltip-format": "{essid}",
|
||||
"on-click": "",
|
||||
"format-icons": ["","","","",""]
|
||||
}
|
||||
}
|
||||
103
configs/waybar_l/Meself/Personal+ziap/style.css
Normal file
103
configs/waybar_l/Meself/Personal+ziap/style.css
Normal file
@@ -0,0 +1,103 @@
|
||||
* {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
font-family: VictorMono Nerd Font Bold;
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
window#waybar {
|
||||
background-color: #282828;
|
||||
color: #ebdbb2;
|
||||
transition-property: background-color;
|
||||
transition-duration: 0.5s;
|
||||
border-bottom: solid 0px #3c3836;
|
||||
}
|
||||
|
||||
window#waybar.hidden {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
#workspaces button {
|
||||
padding: 0 4px;
|
||||
color: #ebdbb2;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#workspaces button.focused {
|
||||
background-color: #ebdbb2;
|
||||
color: #282828;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#workspaces button.urgent {
|
||||
background-color: #cc241d;
|
||||
}
|
||||
|
||||
widget > * {
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.modules-left > widget > * {
|
||||
margin-left: 12px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.modules-left > widget:first-child > * {
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.modules-left > widget:last-child > * {
|
||||
margin-right: 18px;
|
||||
}
|
||||
|
||||
.modules-right > widget > * {
|
||||
padding: 0 12px;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
color: #282828;
|
||||
background-color: #ebdbb2;
|
||||
}
|
||||
|
||||
.modules-right > widget:first-child > * {
|
||||
border-radius: 5px 0 0 5px;
|
||||
}
|
||||
|
||||
.modules-right > widget:last-child > * {
|
||||
border-radius: 0 5px 5px 0;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
#mode {
|
||||
background: transparent;
|
||||
color: #fb4934;
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
to {
|
||||
color: #ebdbb2;
|
||||
}
|
||||
}
|
||||
|
||||
#battery.critical:not(.charging) {
|
||||
animation-name: blink;
|
||||
animation-duration: 1s;
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
|
||||
label:focus {
|
||||
background-color: #282828;
|
||||
}
|
||||
|
||||
tooltip {
|
||||
border-radius: 5px;
|
||||
background: #504945;
|
||||
}
|
||||
|
||||
tooltip label {
|
||||
color: #ebdbb2;
|
||||
}
|
||||
@@ -6,4 +6,4 @@ This was just the first config I started working on at the beggining, essentiall
|
||||
### Personal+ziap
|
||||
Almost a copy paste of ziap's waybar, I did changed a few things such as the bar `padding` and such, this is a very simple bar. Something I still not able to comprehend is the way he set up the `.module-right` variable
|
||||
|
||||
![Showcase]/dots/configs/waybar_l/Meself/img/Personal+ziap.png
|
||||
![]/dots/configs/waybar_l/Meself/img/Personal+ziap.png
|
||||
|
||||
Reference in New Issue
Block a user