waybar .conf )
This commit is contained in:
LinlyBoi
172
private_dot_config/waybar/config
Normal file
172
private_dot_config/waybar/config
Normal file
@@ -0,0 +1,172 @@
|
||||
{
|
||||
"layer": "top", // Waybar at top layer
|
||||
// "position": "bottom", // Waybar position (top|bottom|left|right)
|
||||
"height": 30, // Waybar height (to be removed for auto height)
|
||||
// "width": 1280, // Waybar width
|
||||
// "gtk-layer-shell": "false",
|
||||
// Choose the order of the modules
|
||||
"modules-left": ["sway/workspaces", "custom/scratchpad", "sway/mode"],
|
||||
"modules-center": ["custom/clock"],
|
||||
"modules-right": ["custom/zypper", "memory", "temperature", "backlight", "battery", "battery#bat2", "pulseaudio", "custom/layout", "network", "tray", "custom/notification"],
|
||||
"sway/mode": {
|
||||
"format": " {}"
|
||||
},
|
||||
//"sway/workspaces": {
|
||||
// "all-outputs": false,
|
||||
// "disable-scroll": true,
|
||||
// "format": " {icon} ",
|
||||
// "format-icons": {
|
||||
// "urgent": "",
|
||||
// "focused": "",
|
||||
// "default": ""
|
||||
// }
|
||||
//},
|
||||
"sway/window": {
|
||||
"max-length": 80,
|
||||
"tooltip": false
|
||||
},
|
||||
"custom/layout": {
|
||||
"tooltip": false,
|
||||
"exec": "swaymsg -mrt subscribe '[\"input\"]' | jq -r --unbuffered \"select(.change == \\\"xkb_layout\\\") | .input | select(.type == \\\"keyboard\\\") | .xkb_active_layout_name | .[0:2]\""
|
||||
},
|
||||
"custom/zypper": {
|
||||
"format": "{} ",
|
||||
"interval": 3600,
|
||||
"exec": "zypper lu | grep 'v |' | wc -l; echo 'packages to update'",
|
||||
"exec-if": "exit 0",
|
||||
"on-click": "exec alacritty -e sudo sh -c 'zypper ref; zypper dup; pkill -SIGRTMIN+8 waybar'",
|
||||
"signal": 8
|
||||
},
|
||||
// Modules configuration
|
||||
"sway/workspaces": {
|
||||
"disable-scroll": true,
|
||||
"all-outputs": true,
|
||||
"format": "{icon} ",
|
||||
"format-icons": {
|
||||
"1": "",
|
||||
"2": "",
|
||||
"3": "",
|
||||
"4": "",
|
||||
"5": "",
|
||||
"urgent": "",
|
||||
"focused": "",
|
||||
"default": ""
|
||||
}
|
||||
},
|
||||
"idle_inhibitor": {
|
||||
"format": "{icon}",
|
||||
"format-icons": {
|
||||
"activated": "",
|
||||
"deactivated": ""
|
||||
}
|
||||
},
|
||||
"tray": {
|
||||
// "icon-size": 21,
|
||||
"spacing": 10
|
||||
},
|
||||
"clock": {
|
||||
//"timezone": "America/New_York",
|
||||
"timezone": "Africa/Cairo",
|
||||
"format": " {:%b %d %Y %R}",
|
||||
"tooltip-format": "<span color='#f9f5d7'><big>{:%Y %B}</big></span>\n<span color='#f9f5d7'><tt><small>{calendar}</small></tt></span>",
|
||||
"format-alt": "{:%a %d %b w:%V %H:%M}",
|
||||
"today-format": "<span color='#21a4df'><b><u>{}</u></b></span>",
|
||||
"calendar-weeks-pos": "left",
|
||||
"format-calendar": "<span background='#7c6f64' bgalpha='60%'><b>{}</b></span>",
|
||||
"format-calendar-weeks": "<span color='#3c3836'><b>{}</b></span>",
|
||||
"format-calendar-weekdays": "<span color='#3c3836'><b>{}</b></span>",
|
||||
"interval": 10
|
||||
},
|
||||
"custom/clock": {
|
||||
"format": " {} ",
|
||||
"interval": 1,
|
||||
"exec": "date +'%b %d %Y %R'"
|
||||
},
|
||||
"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": "{icon}",
|
||||
"format-charging": "",
|
||||
"format-plugged": "",
|
||||
"format-alt": "{capacity}% {time}",
|
||||
"format-icons": ["", "", "", "", ""]
|
||||
},
|
||||
"battery#bat2": {
|
||||
"bat": "BAT2"
|
||||
},
|
||||
"network": {
|
||||
// "interface": "wlp2*", // (Optional) To force the use of this interface
|
||||
"format-wifi": "",
|
||||
"format-ethernet": "",
|
||||
"format-linked": "",
|
||||
"format-disconnected": "⚠",
|
||||
"format-alt": "{ifname} {essid} ({signalStrength}%)"
|
||||
},
|
||||
"pulseaudio": {
|
||||
"format": "{icon}",
|
||||
"format-alt": "{volume} {icon}",
|
||||
"format-alt-click": "click-right",
|
||||
"format-muted": "",
|
||||
"format-icons": {
|
||||
"headphones": "",
|
||||
"handsfree": "",
|
||||
"headset": "",
|
||||
"phone": "",
|
||||
"portable": "",
|
||||
"car": "",
|
||||
"default": ["", "", ""]
|
||||
},
|
||||
"scroll-step": 10,
|
||||
"on-click": "pactl set-sink-mute @DEFAULT_SINK@ toggle",
|
||||
"on-click-right": "pavucontrol",
|
||||
"tooltip": false
|
||||
},
|
||||
"custom/scratchpad": {
|
||||
"format-text": "{}",
|
||||
"return-type": "json",
|
||||
"interval": 3,
|
||||
"exec": "/usr/share/openSUSEway/helpers/scratchpad-indicator.sh 2> /dev/null",
|
||||
"exec-if": "exit 0",
|
||||
"on-click": "swaymsg 'scratchpad show'",
|
||||
"on-click-right": "swaymsg 'move scratchpad'"
|
||||
},
|
||||
"custom/notification": {
|
||||
"tooltip": true,
|
||||
"format": "{icon}",
|
||||
"format-icons": {
|
||||
"notification": "<span foreground='red'><small><sup>⬤</sup></small></span>",
|
||||
"none": " ",
|
||||
"dnd-notification": "<span foreground='red'><small><sup>⬤</sup></small></span>",
|
||||
"dnd-none": " "
|
||||
},
|
||||
"return-type": "json",
|
||||
"exec-if": "which swaync-client",
|
||||
"exec": "swaync-client -swb",
|
||||
"on-click": "swaync-client -t -sw",
|
||||
"on-click-right": "swaync-client -d -sw",
|
||||
"escape": true
|
||||
}
|
||||
}
|
||||
397
private_dot_config/waybar/style.css
Normal file
397
private_dot_config/waybar/style.css
Normal file
@@ -0,0 +1,397 @@
|
||||
@keyframes blink-warning {
|
||||
70% {
|
||||
color: @light;
|
||||
}
|
||||
|
||||
to {
|
||||
color: @light;
|
||||
background-color: @warning;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes blink-critical {
|
||||
70% {
|
||||
color: @light;
|
||||
}
|
||||
|
||||
to {
|
||||
color: @light;
|
||||
background-color: @critical;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
* Styles
|
||||
* -------------------------------------------------------------------------- */
|
||||
|
||||
/* COLORS */
|
||||
|
||||
/* Gruvbox Dark */
|
||||
|
||||
/*@define-color bg #353C4A;*/
|
||||
@define-color light #D8DEE9;
|
||||
/*@define-color dark @nord_dark_font;*/
|
||||
@define-color warning #ebcb8b;
|
||||
/*@define-color critical #BF616A;*/
|
||||
/*@define-color mode @bg;*/
|
||||
/*@define-color workspaces @bg;*/
|
||||
/*@define-color workspaces @nord_dark_font;*/
|
||||
/*@define-color workspacesfocused #655b53;*/
|
||||
/*@define-color tray @bg;*/
|
||||
/*@define-color workspacesfocused #4C566A;
|
||||
@define-color tray @workspacesfocused;
|
||||
@define-color sound #EBCB8B;
|
||||
@define-color network #5D7096;
|
||||
@define-color memory #546484;
|
||||
@define-color cpu #596A8D;
|
||||
@define-color temp #4D5C78;
|
||||
@define-color layout #5e81ac;
|
||||
@define-color battery #88c0d0;
|
||||
@define-color date #434C5E;
|
||||
@define-color time #434C5E;
|
||||
@define-color backlight #434C5E;*/
|
||||
@define-color nord_bg #282828;
|
||||
@define-color nord_bg_blue @bg;
|
||||
@define-color nord_light #D8DEE9;
|
||||
|
||||
@define-color nord_dark_font #272727;
|
||||
|
||||
|
||||
@define-color bg #282828;
|
||||
@define-color critical #BF616A;
|
||||
@define-color tray @bg;
|
||||
@define-color mode @bg;
|
||||
|
||||
@define-color bluetint #448488;
|
||||
@define-color bluelight #83a597;
|
||||
@define-color magenta-dark #b16185;
|
||||
|
||||
|
||||
@define-color font_gruv_normal #ebdbb2;
|
||||
@define-color font_gruv_faded #a89985;
|
||||
@define-color font_gruv_darker #D8DEE9;
|
||||
@define-color font_dark_alternative #655b53;
|
||||
|
||||
/* Reset all styles */
|
||||
* {
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
min-height: 0;
|
||||
/*margin: 0.15em 0.25em 0.15em 0.25em;*/
|
||||
}
|
||||
|
||||
/* The whole bar */
|
||||
#waybar {
|
||||
background: @bg;
|
||||
color: @light;
|
||||
font-family: "MonoCraft Nerd Font", "Font Awesome 6 Pro";
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Each module */
|
||||
#battery,
|
||||
#clock,
|
||||
#cpu,
|
||||
#custom-layout,
|
||||
#memory,
|
||||
#mode,
|
||||
#network,
|
||||
#pulseaudio,
|
||||
#temperature,
|
||||
#custom-alsa,
|
||||
#custom-pacman,
|
||||
#custom-weather,
|
||||
#custom-gpu,
|
||||
#custom-playerctl,
|
||||
#tray,
|
||||
#backlight,
|
||||
#language,
|
||||
#custom-cpugovernor,
|
||||
#custom-scratchpad-indicator,
|
||||
#custom-pacman,
|
||||
#idle_inhibitor,
|
||||
#bluetooth {
|
||||
/* padding-left: 0.3em;
|
||||
padding-right: 0.3em;*/
|
||||
padding: 0.6em 0.8em;
|
||||
}
|
||||
|
||||
/* Each module that should blink */
|
||||
#mode,
|
||||
#memory,
|
||||
#temperature,
|
||||
#battery {
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
|
||||
/* Each critical module */
|
||||
#memory.critical,
|
||||
#cpu.critical,
|
||||
#temperature.critical,
|
||||
#battery.critical {
|
||||
color: @critical;
|
||||
}
|
||||
|
||||
/* Each critical that should blink */
|
||||
#mode,
|
||||
#memory.critical,
|
||||
#temperature.critical,
|
||||
#battery.critical.discharging {
|
||||
animation-name: blink-critical;
|
||||
animation-duration: 2s;
|
||||
}
|
||||
|
||||
/* Each warning */
|
||||
#network.disconnected,
|
||||
#memory.warning,
|
||||
#cpu.warning,
|
||||
#temperature.warning,
|
||||
#battery.warning {
|
||||
background: @warning;
|
||||
color: @nord_dark_font;
|
||||
}
|
||||
|
||||
/* Each warning that should blink */
|
||||
#battery.warning.discharging {
|
||||
animation-name: blink-warning;
|
||||
animation-duration: 3s;
|
||||
}
|
||||
|
||||
/* Adding arrows to boxes */
|
||||
/*#custom-arrow1 {
|
||||
font-size: 16px;
|
||||
color: @sound;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#custom-arrow2 {
|
||||
font-size: 16px;
|
||||
color: @network;
|
||||
background: @sound;
|
||||
}
|
||||
|
||||
#custom-arrow3 {
|
||||
font-size: 16px;
|
||||
color: @memory;
|
||||
background: @network;
|
||||
}
|
||||
|
||||
#custom-arrow4 {
|
||||
font-size: 16px;
|
||||
color: @cpu;
|
||||
background: @memory;
|
||||
}
|
||||
|
||||
#custom-arrow5 {
|
||||
font-size: 16px;
|
||||
color: @temp;
|
||||
background: @cpu;
|
||||
}
|
||||
|
||||
#custom-arrow6 {
|
||||
font-size: 16px;
|
||||
color: @layout;
|
||||
background: @temp;
|
||||
}
|
||||
|
||||
#custom-arrow7 {
|
||||
font-size: 16px;
|
||||
color: @battery;
|
||||
background: @layout;
|
||||
}
|
||||
|
||||
#custom-arrow8 {
|
||||
font-size: 16px;
|
||||
color: @date;
|
||||
background: @battery;
|
||||
}
|
||||
|
||||
#custom-arrow9 {
|
||||
font-size: 16px;
|
||||
color: @time;
|
||||
background: @date;
|
||||
}*/
|
||||
|
||||
#custom-arrow1 {
|
||||
font-size: 2em;
|
||||
color: @bg;
|
||||
background: @bluetint;
|
||||
}
|
||||
#custom-arrow2 {
|
||||
font-size: 2em;
|
||||
color: @bluetint;
|
||||
background: @font_dark_alternative;
|
||||
}
|
||||
#custom-arrow3 {
|
||||
font-size: 2em;
|
||||
color: @font_dark_alternative;
|
||||
background: @bg;
|
||||
}
|
||||
#custom-arrow4 {
|
||||
font-size: 2.1em;
|
||||
color: @font_gruv_normal;
|
||||
background: @bg;
|
||||
}
|
||||
#custom-arrow5 {
|
||||
font-size: 2.12em;
|
||||
color: @font_gruv_normal;
|
||||
background: @bg;
|
||||
}
|
||||
#custom-arrow6 {
|
||||
font-size: 2em;
|
||||
color: @font_dark_alternative;
|
||||
background: @bg;
|
||||
}
|
||||
#custom-arrow7 {
|
||||
font-size: 2em;
|
||||
color: @bluetint;
|
||||
background: @font_dark_alternative;
|
||||
}
|
||||
#custom-arrow8 {
|
||||
font-size: 2em;
|
||||
color: @bg;
|
||||
background: @bluetint;
|
||||
}
|
||||
|
||||
/* And now modules themselves in their respective order */
|
||||
#clock.time {
|
||||
background: @bg;
|
||||
color: @font_gruv_normal;
|
||||
}
|
||||
#clock.date {
|
||||
background: @bg;
|
||||
color: @font_gruv_faded;
|
||||
}
|
||||
|
||||
#custom-scratchpad-indicator {
|
||||
background: @bluetint;
|
||||
color: @font_gruv_normal;
|
||||
}
|
||||
#language {
|
||||
background: @bg;
|
||||
color: @font_gruv_normal;
|
||||
}
|
||||
#custom-kdeconnect {
|
||||
background: @bg;
|
||||
color: @font_gruv_normal;
|
||||
}
|
||||
#custom-pacman {
|
||||
background: @bluetint;
|
||||
color: @font_gruv_normal;
|
||||
}
|
||||
#idle_inhibitor {
|
||||
background: @font_dark_alternative;
|
||||
color: @font_gruv_normal;
|
||||
}
|
||||
#custom-playerctl {
|
||||
font-size: 0.9em;
|
||||
color: @font_gruv_normal;
|
||||
}
|
||||
#custom-playerctl.paused{
|
||||
color: @font_dark_alternative;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
/* Workspaces stuff */
|
||||
#workspaces {
|
||||
}
|
||||
#workspaces button {
|
||||
background: @font_gruv_normal;
|
||||
padding: 0em 1.2em;
|
||||
color: @font_dark_alternative;
|
||||
min-width: 0em;
|
||||
}
|
||||
#workspaces button.focused {
|
||||
font-weight: bolder; /* Somewhy the bar-wide setting is ignored*/
|
||||
}
|
||||
#workspaces button.urgent {
|
||||
color: #c9545d;
|
||||
opacity: 1;
|
||||
}
|
||||
#custom-cpugovernor {
|
||||
background-color: @font_dark_alternative;
|
||||
color: @font_gruv_normal;
|
||||
}
|
||||
#custom-cpugovernor.perf {
|
||||
|
||||
}
|
||||
#cpu {
|
||||
background: @bluetint;
|
||||
color: @font_gruv_normal;
|
||||
padding-left: 0em;
|
||||
padding-right: 0.2em;
|
||||
}
|
||||
#cpu.critical {
|
||||
color: @nord_dark_font;
|
||||
background: @critical;
|
||||
}
|
||||
#temperature {
|
||||
background-color: @bg;
|
||||
color: @font_gruv_normal;
|
||||
padding-right: 0em;
|
||||
}
|
||||
#temperature.critical {
|
||||
background: @critical;
|
||||
}
|
||||
#custom-gpu {
|
||||
background: @bluetint;
|
||||
color: @font_gruv_normal;
|
||||
padding-left: 0em;
|
||||
}
|
||||
#pulseaudio {
|
||||
background: @bg;
|
||||
color: @font_gruv_normal;
|
||||
}
|
||||
#pulseaudio.muted {
|
||||
color: #fb4833;
|
||||
}
|
||||
#pulseaudio.source-muted {
|
||||
/* moved to config */
|
||||
}
|
||||
#bluetooth {
|
||||
background: @bg;
|
||||
color: @font_gruv_normal;
|
||||
}
|
||||
#network {
|
||||
background: @bg;
|
||||
color: @font_gruv_faded;
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
#tray {
|
||||
background: @bg;
|
||||
color: @font_gruv_normal;
|
||||
}
|
||||
|
||||
#custom-alsa {
|
||||
background: @sound;
|
||||
}
|
||||
#memory {
|
||||
background: @memory;
|
||||
}
|
||||
#custom-layout {
|
||||
background: @layout;
|
||||
}
|
||||
#mode { /* Shown current Sway mode (resize etc.) */
|
||||
color: @light;
|
||||
background: @mode;
|
||||
}
|
||||
#battery {
|
||||
background: @battery;
|
||||
}
|
||||
|
||||
#backlight {
|
||||
background: @backlight;
|
||||
}
|
||||
#window {
|
||||
margin-right: 40px;
|
||||
margin-left: 40px;
|
||||
font-weight: normal;
|
||||
}
|
||||
#custom-weather {
|
||||
background: @mode;
|
||||
font-weight: bold;
|
||||
padding: 0 0.6em;
|
||||
}
|
||||
Reference in New Issue
Block a user