New waybar
This commit is contained in:
Tobias Maier
306
waybar/style.css
306
waybar/style.css
@@ -1,158 +1,220 @@
|
|||||||
* {
|
* {
|
||||||
border: none;
|
font-family: JetBrainsMonoNL, "Font Awesome 6 Brands", "Font Awesome 6 Free", Helvetica, Arial, sans-serif;
|
||||||
border-radius: 0;
|
font-size: 14px;
|
||||||
font-family: "JetbrainsMono Nerd Font";
|
padding: 3px 0px;
|
||||||
font-size: 14px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
window#waybar {
|
window#waybar {
|
||||||
background: none;
|
background-color: rgba(64, 70, 71, 0.95);
|
||||||
}
|
margin: 0;
|
||||||
|
border-radius: 0px 0px 15px 15px;
|
||||||
window#waybar.hidden {
|
color: #d8dee9;
|
||||||
opacity: 0.2;
|
transition-property: background-color;
|
||||||
}
|
transition-duration: .5s;
|
||||||
|
|
||||||
#window {
|
|
||||||
margin-top: 6px;
|
|
||||||
padding-left: 10px;
|
|
||||||
padding-right: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
transition: none;
|
|
||||||
background: #2e3440;
|
|
||||||
color: #d8dee9;
|
|
||||||
}
|
|
||||||
|
|
||||||
#custom-powermenu {
|
|
||||||
margin-top: 6px;
|
|
||||||
margin-left: 12px;
|
|
||||||
margin-right: 12px;
|
|
||||||
padding-left: 15px;
|
|
||||||
padding-right: 20px;
|
|
||||||
border-radius: 5px;
|
|
||||||
transition: none;
|
|
||||||
background: #2e3440;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tags {
|
#tags {
|
||||||
margin-top: 6px;
|
background-color: #d8dee9;
|
||||||
margin-right: 12px;
|
border-radius: 0px 0px 15px 15px;
|
||||||
font-size: 4px;
|
padding: 0px 15px 0px 15px;
|
||||||
border-radius: 5px;
|
box-shadow: 0px -4px 0px 0px #d8dee9;
|
||||||
transition: none;
|
color: #1b1b1b;
|
||||||
background: #2e3440;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tags button {
|
#tags button {
|
||||||
transition: none;
|
color: #1b1b1b;
|
||||||
color: #4c566a;
|
margin: 0.5px 2px;
|
||||||
background: transparent;
|
padding: 0px 7px 0px 7px;
|
||||||
border-radius: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#tags button.occupied {
|
|
||||||
transition: none;
|
|
||||||
color: #a3be8c;
|
|
||||||
background: transparent;
|
|
||||||
font-size: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#tags button.focused {
|
|
||||||
color: #81a1c1;
|
|
||||||
border-bottom: 2px solid #81a1c1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tags button:hover {
|
#tags button:hover {
|
||||||
transition: none;
|
background: rgba(0, 0, 0, 0.2);
|
||||||
box-shadow: inherit;
|
box-shadow: inset 0 -2px #2b2b2b;
|
||||||
text-shadow: inherit;
|
color: #2b2b2b;
|
||||||
color: #81a1c1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#temperature {
|
#tags button.occupied {
|
||||||
margin-top: 6px;
|
color: #2b2b2b;
|
||||||
margin-right: 12px;
|
box-shadow: inset 0 -3px #2b2b2b;
|
||||||
border-radius: 5px;
|
|
||||||
transition: none;
|
|
||||||
padding: 0 10px;
|
|
||||||
color: #a3be8c;
|
|
||||||
background: #2e3440;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#pulseaudio {
|
#tags button.focused {
|
||||||
margin-top: 6px;
|
background-color: #64727d;
|
||||||
margin-left: 12px;
|
color: #d8dee9;
|
||||||
border-radius: 5px;
|
box-shadow: inset 0 -4px #2b2b2b;
|
||||||
transition: none;
|
}
|
||||||
padding: 0 10px;
|
|
||||||
color: #a3be8c;
|
#mode {
|
||||||
background: #2e3440;
|
background-color: #64727D;
|
||||||
|
border-bottom: 3px solid #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#clock,
|
||||||
|
#battery,
|
||||||
|
#cpu,
|
||||||
|
#custom-start,
|
||||||
|
#custom-power,
|
||||||
|
#custom-warp,
|
||||||
|
#memory,
|
||||||
|
#disk,
|
||||||
|
#temperature,
|
||||||
|
#backlight,
|
||||||
|
#network,
|
||||||
|
#pulseaudio,
|
||||||
|
#custom-media,
|
||||||
|
#tray,
|
||||||
|
#mode,
|
||||||
|
#idle_inhibitor,
|
||||||
|
#mpd {
|
||||||
|
padding: 0px 15px 0px 15px;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#window,
|
||||||
|
#workspaces {
|
||||||
|
margin: 0px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* If workspaces is the leftmost module, omit left margin */
|
||||||
|
.modules-left > widget:first-child > #custom-start {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* If workspaces is the rightmost module, omit right margin */
|
||||||
|
.modules-right > widget:last-child > #custom-power {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#clock {
|
||||||
|
padding: 0px 15px 0px 15px;
|
||||||
|
border-radius: 15px;
|
||||||
|
background-color: #1b1b1b;
|
||||||
}
|
}
|
||||||
|
|
||||||
#battery {
|
#battery {
|
||||||
margin-top: 6px;
|
border-radius: 15px;
|
||||||
margin-left: 12px;
|
padding: 0px 15px 0px 15px;
|
||||||
border-radius: 5px;
|
background-color: #301b1c;
|
||||||
transition: none;
|
color: #0cf7e8;
|
||||||
padding: 10px 10px;
|
|
||||||
color: #a3be8c;
|
|
||||||
background: #2e3440;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#battery.critical:not(.charging) {
|
#battery.charging, #battery.plugged {
|
||||||
background-color: #d8dee9;
|
color: #ffffff;
|
||||||
color: #2e3440;
|
background-color: #1b2a30;
|
||||||
animation-name: blink;
|
|
||||||
animation-duration: 0.5s;
|
|
||||||
animation-timing-function: linear;
|
|
||||||
animation-iteration-count: infinite;
|
|
||||||
animation-direction: alternate;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes blink {
|
@keyframes blink {
|
||||||
to {
|
to {
|
||||||
background-color: #bf616a;
|
background-color: #ffffff;
|
||||||
color: #d8dee9;
|
color: #000000;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#battery.critical:not(.charging) {
|
||||||
|
background-color: #f52f2f;
|
||||||
|
color: #f4f714;
|
||||||
|
animation-name: blink;
|
||||||
|
animation-duration: 0.5s;
|
||||||
|
animation-timing-function: linear;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-direction: alternate;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cpu {
|
||||||
|
border-radius: 15px;
|
||||||
|
padding: 0px 15px 0px 15px;
|
||||||
|
background-color: #1b1b1b;
|
||||||
|
color: #d8dee9;
|
||||||
|
}
|
||||||
|
|
||||||
|
#memory {
|
||||||
|
border-radius: 15px;
|
||||||
|
padding: 0px 15px 0px 15px;
|
||||||
|
background-color: #1b1b1b;
|
||||||
}
|
}
|
||||||
|
|
||||||
#backlight {
|
#backlight {
|
||||||
margin-top: 6px;
|
border-radius: 15px;
|
||||||
margin-left: 12px;
|
background-color: #1b1b1b;
|
||||||
border-radius: 5px;
|
|
||||||
transition: none;
|
|
||||||
padding: 10px 10px;
|
|
||||||
color: #88c0d0;
|
|
||||||
background: #2e3440;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#custom-cpu {
|
#network {
|
||||||
margin-top: 6px;
|
border-radius: 15px;
|
||||||
margin-left: 12px;
|
padding: 0px 15px 0px 15px;
|
||||||
border-radius: 5px;
|
background-color: #1b1b1b;
|
||||||
transition: none;
|
color: #0cf7e8;
|
||||||
padding: 10px 10px;
|
|
||||||
color: #88c0d0;
|
|
||||||
background: #2e3440;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#custom-clock {
|
#network.disconnected {
|
||||||
margin-top: 6px;
|
border-radius: 15px;
|
||||||
margin-left: 12px;
|
background-color: #1b1b1b;
|
||||||
margin-right: 12px;
|
color: #4c666a;
|
||||||
border-radius: 5px;
|
}
|
||||||
transition: none;
|
|
||||||
padding: 10px 10px;
|
#pulseaudio {
|
||||||
color: #a3be8c;
|
background-color: #1b1b1b;
|
||||||
background: #2e3440;
|
border-radius: 15px;
|
||||||
|
padding: 0px 15px 0px 15px;
|
||||||
|
color: #d8dee9;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pulseaudio.muted {
|
||||||
|
background-color: #1b1b1b;
|
||||||
|
color: #4c666a;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tray {
|
#tray {
|
||||||
margin-top: 6px;
|
border-radius: 15px;
|
||||||
margin-right: 12px;
|
padding: 5px 15px 5px 15px;
|
||||||
border-radius: 5px;
|
background-color: #1b1b1b;
|
||||||
padding-left: 10px;
|
}
|
||||||
padding-right: 10px;
|
|
||||||
color: #d8dee9;
|
#tray > .passive {
|
||||||
background: #2e3440;
|
-gtk-icon-effect: dim;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tray > .needs-attention {
|
||||||
|
-gtk-icon-effect: highlight;
|
||||||
|
background-color: #f52f2f;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mpd {
|
||||||
|
border-radius: 15px;
|
||||||
|
padding: 5px 15px 5px 15px;
|
||||||
|
background-color: #1b1b1b;
|
||||||
|
color: #d8dee9;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mpd.disconnected {
|
||||||
|
background-color: #f53c3c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mpd.stopped {
|
||||||
|
background-color: #90b1b1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mpd.paused {
|
||||||
|
background-color: #4c666a;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-start {
|
||||||
|
border-radius: 15px;
|
||||||
|
padding: 0px 15px 0px 15px;
|
||||||
|
background-color: #2b2b2b;
|
||||||
|
color: #14b3f7;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-power {
|
||||||
|
padding: 0px 15px 0px 15px;
|
||||||
|
border-radius: 15px;
|
||||||
|
font-size: 25px;
|
||||||
|
background-color: #301b1c;
|
||||||
|
color: #24c796;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-warp {
|
||||||
|
padding: 0px 15px 0px 15px;
|
||||||
|
border-radius: 15px;
|
||||||
|
background-color: #071a24;
|
||||||
|
color: #d8dee9;
|
||||||
}
|
}
|
||||||
@@ -1,83 +1,192 @@
|
|||||||
{
|
{
|
||||||
"layer": "top",
|
// asd
|
||||||
"modules-left": ["custom/powermenu", "river/tags", "temperature"],
|
"width": 1900,
|
||||||
"modules-center": ["river/window"],
|
"spacing": 7,
|
||||||
"modules-right": ["battery","backlight", "pulseaudio", "custom/mic","custom/cpu","custom/clock", "tray"],
|
"mode": "dock",
|
||||||
"pulseaudio": {
|
"modules-center": [
|
||||||
"tooltip": false,
|
"river/tags",
|
||||||
"scroll-step": 5,
|
"wlr/workspaces"
|
||||||
"format": "{icon} {volume}%",
|
],
|
||||||
"format-muted": "婢 0%",
|
"modules-left": [
|
||||||
"on-click":"amixer -D pulse Master 1+ toggle",
|
"custom/start",
|
||||||
"scroll-step": 5,
|
"mpd",
|
||||||
"format-icons": {
|
"clock",
|
||||||
"default": ["", "", ""]
|
"memory",
|
||||||
}
|
"cpu",
|
||||||
},
|
"tray"
|
||||||
"custom/powermenu": {
|
],
|
||||||
"format": "",
|
"modules-right": [
|
||||||
"interval": "once",
|
"custom/warp",
|
||||||
/*"exec": "checkupdates | wc -l",*/
|
"network",
|
||||||
"on-click": "~/.config/waybar/modules/powermenu.sh",
|
"pulseaudio",
|
||||||
"tooltip": false,
|
"backlight",
|
||||||
"signal": 8
|
"battery",
|
||||||
},
|
"custom/power"
|
||||||
|
],
|
||||||
"river/tags": {
|
"river/tags": {
|
||||||
"tag-labels":[
|
"tag-labels": [
|
||||||
"",
|
"",
|
||||||
"",
|
"",
|
||||||
"ﭮ",
|
"",
|
||||||
"",
|
"",
|
||||||
"",
|
"",
|
||||||
"",
|
"",
|
||||||
""
|
"",
|
||||||
],
|
"",
|
||||||
"disable-click": false,
|
""
|
||||||
"num-tags": 7
|
]
|
||||||
},
|
},
|
||||||
"temperature": {
|
"keyboard-state": {
|
||||||
"hwmon-path": "/sys/class/hwmon/hwmon2/temp1_input",
|
"capslock": true,
|
||||||
"format": "{temperatureC}°C "
|
"format": "{name} {icon}",
|
||||||
},
|
"format-icons": {
|
||||||
"river/window": {
|
"locked": "",
|
||||||
"format": "{}",
|
"unlocked": ""
|
||||||
"max-length": 90
|
}
|
||||||
},
|
},
|
||||||
"backlight": {
|
"wlr/workspaces": {
|
||||||
"device": "amdgpu_b10",
|
"sort-by-coordinates": true,
|
||||||
"format": "{icon} {}%",
|
"sort-by-name": true,
|
||||||
"format-icons": ["", ""],
|
"on-click": "activate",
|
||||||
"interval": 1
|
"format": "{icon}",
|
||||||
},
|
"format-icons": {
|
||||||
"battery": {
|
"default": "",
|
||||||
"states": {
|
"active": "",
|
||||||
"good": 100,
|
"urgent": ""
|
||||||
"warning": 30,
|
},
|
||||||
"critical": 20
|
"active-only": false
|
||||||
},
|
},
|
||||||
"format": "{icon} {capacity}%",
|
"wlr/taskbar": {
|
||||||
"format-charging": "{icon} {capacity}%",
|
"format": "{icon}",
|
||||||
"format-plugged": "{icon} {capacity}%",
|
"on-click": "activate",
|
||||||
"format-alt": "{time} {icon}",
|
"icon-theme": "Vimix-Beryl-dark"
|
||||||
"format-icons": ["", "", "", "", ""]
|
},
|
||||||
},
|
"tray": {
|
||||||
"tray":{
|
"spacing": 10
|
||||||
"icon-size":18,
|
},
|
||||||
"show-passive-items":true,
|
"clock": {
|
||||||
"spacing": 10,
|
"timezone": "Asia/Kolkata",
|
||||||
"reverse-direction": true
|
"format": " {:%a, %b %d, %H:%M}",
|
||||||
},
|
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><big>{calendar}</big></tt>",
|
||||||
"custom/clock": {
|
"format-alt": " {:%A, %B %d, %Y, %H:%M}"
|
||||||
"interval": 1,
|
},
|
||||||
"return-type": "string",
|
"cpu": {
|
||||||
"exec": "~/.config/waybar/modules/datetime.sh",
|
"interval": 5,
|
||||||
"tooltip": false
|
"format": " {usage}% ({avg_frequency} GHz)",
|
||||||
},
|
"tooltip": false
|
||||||
"custom/cpu": {
|
},
|
||||||
"interval": 1,
|
"memory": {
|
||||||
"return-type": "string",
|
"interval": 5,
|
||||||
"exec": "~/.config/waybar/modules/cpu.sh",
|
"format": " {}%"
|
||||||
"tooltip": false
|
},
|
||||||
},
|
"temperature": {
|
||||||
|
// "thermal-zone": 2,
|
||||||
|
// "hwmon-path": "/sys/class/hwmon/hwmon2/temp1_input",
|
||||||
|
// "format-critical": "{temperatureC}°C {icon}",
|
||||||
|
"critical-threshold": 80,
|
||||||
|
"format": "{temperatureC}°C {icon}",
|
||||||
|
"format-icons": [
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
""
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"backlight": {
|
||||||
|
"format": " {percent}%"
|
||||||
|
//"format-icons": ["", "", "", "", "", "", "", "", ""]
|
||||||
|
},
|
||||||
|
"battery": {
|
||||||
|
"states": {
|
||||||
|
// "good": 95,
|
||||||
|
"warning": 30,
|
||||||
|
"critical": 15
|
||||||
|
},
|
||||||
|
"format": "{icon} {capacity}%",
|
||||||
|
"format-charging": " {capacity}%",
|
||||||
|
"format-plugged": " {capacity}%",
|
||||||
|
"format-icons": [
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
""
|
||||||
|
],
|
||||||
|
"interval": 15
|
||||||
|
},
|
||||||
|
"network": {
|
||||||
|
"format-wifi": " {bandwidthDownBytes} ({signalStrength}%)",
|
||||||
|
"format-ethernet": " {ipaddr}/{cidr}",
|
||||||
|
"tooltip-format": " {ifname} via {gwaddr}",
|
||||||
|
"tooltip-format-wifi": "{ifname} {essid} via {gwaddr} ip: {ipaddr}",
|
||||||
|
"format-linked": " {ifname} (No IP)",
|
||||||
|
"format-disconnected": "",
|
||||||
|
"format-alt": "{ifname}: {ipaddr}/{cidr}"
|
||||||
|
},
|
||||||
|
"pulseaudio": {
|
||||||
|
// "scroll-step": 1, // %, can be a float
|
||||||
|
"format": " {icon} {volume}% | {format_source}",
|
||||||
|
"format-bluetooth": "{volume}% {icon} {format_source}",
|
||||||
|
"format-bluetooth-muted": " {icon} {format_source}",
|
||||||
|
"format-muted": " | {format_source}",
|
||||||
|
"format-source": " {volume}%",
|
||||||
|
"format-source-muted": "",
|
||||||
|
"format-icons": {
|
||||||
|
"headphone": "",
|
||||||
|
"default": [
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
""
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"on-click": "pactl set-sink-mute @DEFAULT_SINK@ toggle",
|
||||||
|
"on-click-right": "pactl set-source-mute @DEFAULT_SOURCE@ toggle"
|
||||||
|
},
|
||||||
|
"custom/start": {
|
||||||
|
"format": "<span font_family='Iosevka' font_size='20pt'></span>",
|
||||||
|
"on-click": "wofi --show drun",
|
||||||
|
"tooltip": false
|
||||||
|
},
|
||||||
|
"custom/power": {
|
||||||
|
"format": "⏻",
|
||||||
|
"on-click": "~/.config/river/scripts/rofi-logout-menu",
|
||||||
|
"tooltip": false
|
||||||
|
},
|
||||||
|
"custom/warp": {
|
||||||
|
"exec": "~/.local/bin/mywarp --show-icon",
|
||||||
|
"interval": 2,
|
||||||
|
"format": {},
|
||||||
|
"exec-on-event": true,
|
||||||
|
"on-click": "~/.local/bin/mywarp --toggle",
|
||||||
|
"tooltip": false
|
||||||
|
},
|
||||||
|
"mpd": {
|
||||||
|
"format": "{stateIcon} {consumeIcon} {randomIcon} {repeatIcon} {singleIcon} ",
|
||||||
|
"format-disconnected": "Disconnected ",
|
||||||
|
"format-stopped": "{consumeIcon}{randomIcon}{repeatIcon}{singleIcon}Stopped ",
|
||||||
|
"interval": 2,
|
||||||
|
"consume-icons": {
|
||||||
|
"on": " " // Icon shows only when "consume" is on
|
||||||
|
},
|
||||||
|
"random-icons": {
|
||||||
|
"off": "<span color=\"#f53c3c\"></span> ", // Icon grayed out when "random" is off
|
||||||
|
"on": " "
|
||||||
|
},
|
||||||
|
"repeat-icons": {
|
||||||
|
"on": " "
|
||||||
|
},
|
||||||
|
"single-icons": {
|
||||||
|
"on": "1 "
|
||||||
|
},
|
||||||
|
"state-icons": {
|
||||||
|
"paused": "",
|
||||||
|
"playing": ""
|
||||||
|
},
|
||||||
|
"tooltip-format": "MPD (connected)",
|
||||||
|
"tooltip-format-disconnected": "MPD (disconnected)",
|
||||||
|
"on-click": "mpc toggle",
|
||||||
|
"on-click-right": "mpc stop",
|
||||||
|
"on-scroll-up": "mpc next",
|
||||||
|
"on-scroll-down": "mpc prev",
|
||||||
|
"smooth-scrolling-threshold": 3
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user