feat: add wayland desktop
This commit is contained in:
152
custom/waybar/config
Normal file
152
custom/waybar/config
Normal file
@@ -0,0 +1,152 @@
|
||||
// -*- mode: jsonc -*-
|
||||
{
|
||||
"layer": "top",
|
||||
"position": "bottom",
|
||||
"height": 30,
|
||||
// "width": 1280, // Waybar width
|
||||
"spacing": 4, // Gaps between modules (4px)
|
||||
// Choose the order of the modules
|
||||
"modules-left": [
|
||||
"hyprland/workspaces",
|
||||
],
|
||||
"modules-right": [
|
||||
"pulseaudio",
|
||||
"network",
|
||||
"cpu",
|
||||
"memory",
|
||||
"battery",
|
||||
"clock",
|
||||
"tray",
|
||||
],
|
||||
// Modules configuration
|
||||
"keyboard-state": {
|
||||
"numlock": true,
|
||||
"capslock": true,
|
||||
"format": "{name} {icon}",
|
||||
"format-icons": {
|
||||
"locked": "",
|
||||
"unlocked": ""
|
||||
}
|
||||
},
|
||||
"hyprland/mode": {
|
||||
"format": "<span style=\"italic\">{}</span>"
|
||||
},
|
||||
"idle_inhibitor": {
|
||||
"format": "{icon}",
|
||||
"format-icons": {
|
||||
"activated": "",
|
||||
"deactivated": ""
|
||||
}
|
||||
},
|
||||
"tray": {
|
||||
// "icon-size": 21,
|
||||
"spacing": 10,
|
||||
// "icons": {
|
||||
// "blueman": "bluetooth",
|
||||
// "TelegramDesktop": "$HOME/.local/share/icons/hicolor/16x16/apps/telegram.png"
|
||||
// }
|
||||
},
|
||||
"clock": {
|
||||
// "timezone": "America/New_York",
|
||||
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
|
||||
"format-alt": "{:%Y-%m-%d}"
|
||||
},
|
||||
"cpu": {
|
||||
"format": "{usage}% ",
|
||||
"tooltip": false
|
||||
},
|
||||
"memory": {
|
||||
"format": "{}% "
|
||||
},
|
||||
"temperature": {
|
||||
// "thermal-zone": 2,
|
||||
// "hwmon-path": "/sys/class/hwmon/hwmon2/temp1_input",
|
||||
"critical-threshold": 80,
|
||||
// "format-critical": "{temperatureC}°C {icon}",
|
||||
"format": "{temperatureC}°C {icon}",
|
||||
"format-icons": ["", ""]
|
||||
},
|
||||
"backlight": {
|
||||
// "device": "acpi_video1",
|
||||
"format": "{percent}% {icon}",
|
||||
"format-icons": ["", "", "", "", "", "", "", "", ""]
|
||||
},
|
||||
"battery": {
|
||||
"states": {
|
||||
// "good": 95,
|
||||
"warning": 30,
|
||||
"critical": 15
|
||||
},
|
||||
"format": "BAT: {capacity}%",
|
||||
"format-full": "FULL: {capacity}%",
|
||||
"format-charging": "CHR: {capacity}%",
|
||||
"format-plugged": "PLG: {capacity}%",
|
||||
"format-alt": "{time} {icon}",
|
||||
},
|
||||
"battery#bat2": {
|
||||
"bat": "BAT2"
|
||||
},
|
||||
"power-profiles-daemon": {
|
||||
"format": "{icon}",
|
||||
"tooltip-format": "Power profile: {profile}\nDriver: {driver}",
|
||||
"tooltip": true,
|
||||
"format-icons": {
|
||||
"default": "",
|
||||
"performance": "",
|
||||
"balanced": "",
|
||||
"power-saver": ""
|
||||
}
|
||||
},
|
||||
"network": {
|
||||
// "interface": "wlp2*", // (Optional) To force the use of this interface
|
||||
"format-wifi": "{essid} ({signalStrength}%) ",
|
||||
"format-ethernet": "{ipaddr}/{cidr} ",
|
||||
"tooltip-format": "{ifname} via {gwaddr} ",
|
||||
"format-linked": "{ifname} (No IP) ",
|
||||
"format-disconnected": "Disconnected ⚠",
|
||||
"format-alt": "{ifname}: {ipaddr}/{cidr}"
|
||||
},
|
||||
"pulseaudio": {
|
||||
// "scroll-step": 1, // %, can be a float
|
||||
"format": "{volume}% {icon} {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": "",
|
||||
"hands-free": "",
|
||||
"headset": "",
|
||||
"phone": "",
|
||||
"portable": "",
|
||||
"car": "",
|
||||
"default": ["", "", ""]
|
||||
},
|
||||
"on-click": "pavucontrol"
|
||||
},
|
||||
"custom/media": {
|
||||
"format": "{icon} {text}",
|
||||
"return-type": "json",
|
||||
"max-length": 40,
|
||||
"format-icons": {
|
||||
"spotify": "",
|
||||
"default": "🎜"
|
||||
},
|
||||
"escape": true,
|
||||
"exec": "$HOME/.config/waybar/mediaplayer.py 2> /dev/null" // Script in resources folder
|
||||
// "exec": "$HOME/.config/waybar/mediaplayer.py --player spotify 2> /dev/null" // Filter player based on name
|
||||
},
|
||||
"custom/power": {
|
||||
"format" : "⏻ ",
|
||||
"tooltip": false,
|
||||
"menu": "on-click",
|
||||
"menu-file": "$HOME/.config/waybar/power_menu.xml", // Menu file in resources folder
|
||||
"menu-actions": {
|
||||
"shutdown": "shutdown",
|
||||
"reboot": "reboot",
|
||||
"suspend": "systemctl suspend",
|
||||
"hibernate": "systemctl hibernate"
|
||||
}
|
||||
}
|
||||
}
|
||||
324
custom/waybar/style.css
Normal file
324
custom/waybar/style.css
Normal file
@@ -0,0 +1,324 @@
|
||||
@define-color bg-color rgb(68, 71, 90); /* #3C413C */
|
||||
@define-color bg-color-tray rgb (40, 42, 54); /* #3C4144 */
|
||||
@define-color bg-color-ws rgb (40, 42, 54); /* #3C4144 */
|
||||
@define-color bg-color-0 rgb (40, 42, 54); /* #3C4144 */
|
||||
@define-color bg-color-1 rgb(40, 42, 54); /* #475f94 */
|
||||
@define-color bg-color-2 rgb(40, 42, 54); /* #107AB0 */
|
||||
@define-color bg-color-3 rgb(40, 42, 54); /* #017374 */
|
||||
@define-color bg-color-4 rgb(40, 42, 54); /* #1F3B4D */
|
||||
@define-color bg-color-5 rgb(40, 42, 54); /* #10A674 */
|
||||
@define-color bg-color-6 rgb(40, 42, 54); /* #4984B8 */
|
||||
@define-color bg-color-7 rgb(40, 42, 54); /* #000133 */
|
||||
@define-color bg-color-8 rgb(40, 42, 54); /* #08787F */
|
||||
@define-color bg-color-9 rgb(40, 42, 54); /* #214761 */
|
||||
@define-color bg-color-10 rgb(40, 42, 54); /* #6C3461 */
|
||||
@define-color bg-color-11 rgb(40, 42, 54); /* #005249 */
|
||||
@define-color bg-color-12 rgb(40, 42, 54); /* #31668A */
|
||||
@define-color bg-color-13 rgb(40, 42, 54); /* #6A6E09 */
|
||||
@define-color bg-color-14 rgb(40, 42, 54); /* #5B7C99 */
|
||||
@define-color bg-color-15 rgb(40, 42, 54); /* #1D2021 */
|
||||
@define-color bg-color-16 rgb(40, 42, 54); /* #29293D */
|
||||
|
||||
@define-color fg-color rgb (248, 248, 242); /* #f3f4f5 */
|
||||
@define-color alert-bg-color rgb (255, 85, 85); /* #bd2c40 */
|
||||
@define-color alert-fg-color rgb (248, 248, 242); /* #FFFFFF */
|
||||
@define-color inactive-fg-color rgb(144, 153, 162); /* #9099a2 */
|
||||
@define-color inactive-bg-color rgb(68, 71, 90); /* #404552 */
|
||||
|
||||
* {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
font-family: Dejavu Sans Mono, FontAwesome, Material Icons, sans-serif;
|
||||
font-size: 16px;
|
||||
min-height: 0;
|
||||
opacity: 1.0;
|
||||
|
||||
}
|
||||
|
||||
window#waybar {
|
||||
background-color: rgba(40, 42, 54, 0.5);
|
||||
border-bottom: none;
|
||||
color: @fg-color;
|
||||
transition-property: background-color;
|
||||
transition-duration: .5s;
|
||||
}
|
||||
|
||||
window#waybar.hidden {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
window#waybar.termite {
|
||||
background-color: @bg-color;
|
||||
}
|
||||
|
||||
window#waybar.chromium {
|
||||
background-color: @bg-color;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#workspaces button {
|
||||
padding: 0 5px;
|
||||
background-color: transparent;
|
||||
color: @fg-color;
|
||||
border-bottom: 3px solid transparent;
|
||||
}
|
||||
|
||||
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
|
||||
#workspaces button:hover {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inherit;
|
||||
border-bottom: 3px solid @fg-color;
|
||||
}
|
||||
|
||||
#workspaces button.active {
|
||||
background-color: @bg-color;
|
||||
border-bottom: 3px solid @fg-color;
|
||||
}
|
||||
|
||||
#workspaces button.urgent {
|
||||
background-color: @alert-bg-color;
|
||||
}
|
||||
|
||||
#mode {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color;
|
||||
border-bottom: 3px solid @fg-color;
|
||||
}
|
||||
|
||||
#tray {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-tray;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
|
||||
#clock {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-1;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#custom-weather {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-2;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#custom-covid {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-16;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#backlight {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-3;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#battery {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-4;
|
||||
color: @fg-color;
|
||||
}
|
||||
#battery.charging {
|
||||
color: @fg-color;
|
||||
background-color: @bg-color;
|
||||
}
|
||||
#battery.warning:not(.charging) {
|
||||
color: @alert-fg-color;
|
||||
background-color: @alert-bg-color;
|
||||
}
|
||||
#battery.critical:not(.charging) {
|
||||
background-color: @alert-bg-color;
|
||||
color: @fg-color;
|
||||
animation-name: blink;
|
||||
animation-duration: 0.5s;
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
|
||||
#custom-bat0,
|
||||
#custom-bat0.charging {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
color: @fg-color;
|
||||
background-color: @bg-color-10;
|
||||
}
|
||||
#custom-bat0.warning:not(.charging):not(.full) {
|
||||
color: @alert-fg-color;
|
||||
background-color: @alert-bg-color;
|
||||
}
|
||||
#custom-bat0.critical:not(.charging):not(.full) {
|
||||
background-color: @alert-bg-color;
|
||||
color: @fg-color;
|
||||
animation-name: blink;
|
||||
animation-duration: 0.5s;
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
|
||||
#network {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-6;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#bluetooth {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-6;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#custom-vpn {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-6;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#pulseaudio {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-12;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#temperature {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-7;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#backlight {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-8;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#pulseaudio {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-9;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#custom-media {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-10;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#cpu {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-13;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#memory {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-5;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#idle_inhibitor {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-14;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#mpd {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-15;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#custom-spotify {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-15;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#custom-kbd {
|
||||
padding: 0 10px;
|
||||
margin: 0 4px;
|
||||
background-color: @bg-color-11;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
#custom-kbd.none {
|
||||
background-color: transparent;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
to {
|
||||
background-color: @fg-color;
|
||||
color: @bg-color;
|
||||
}
|
||||
}
|
||||
|
||||
label:focus {
|
||||
background-color: @bg-color;
|
||||
}
|
||||
|
||||
#network.disconnected {
|
||||
background-color: @alert-bg-color;
|
||||
}
|
||||
|
||||
#custom-vpn.disconnected {
|
||||
background-color: @alert-bg-color;
|
||||
}
|
||||
|
||||
#pulseaudio.muted {
|
||||
background-color: @inactive-bg-color;
|
||||
color: @inactive-fg-color;
|
||||
}
|
||||
|
||||
#custom-media.custom-vlc {
|
||||
background-color: @bg-color;
|
||||
}
|
||||
|
||||
#temperature.critical {
|
||||
background-color: @alert-bg-color;
|
||||
}
|
||||
|
||||
#idle_inhibitor.activated {
|
||||
background-color: @fg-color;
|
||||
color: @bg-color;
|
||||
}
|
||||
|
||||
#mpd.disconnected {
|
||||
background-color: transparent;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
#mpd.stopped {
|
||||
background-color: transparent;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
#mpd.paused {
|
||||
background-color: @inactive-bg-color;
|
||||
color: @inactive-fg-color;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user