added waybar config files

This commit is contained in:
Mike G 2023-11-09 20:37:05 -05:00
parent dde4e08c8d
commit 9ddd144474
2 changed files with 261 additions and 0 deletions

136
.config/waybar/config Normal file
View file

@ -0,0 +1,136 @@
{
"layer": "top",
"modules-left": ["sway/workspaces","sway/scratchpad","sway/window"],
"modules-center": ["clock"],
"modules-right": ["backlight","pulseaudio","network","idle_inhibitor","battery"],
"spacing": 0,
"clock":
{
"interval": 60,
"tooltip": true,
"format": "{:%a %b %d %I:%M %p}",
"tooltip-format": "<tt><small>{calendar}</small></tt>",
"calendar":
{
"mode" : "year",
"mode-mon-col" : 3,
"weeks-pos" : "right",
"on-scroll" : 1,
"on-click-right" : "mode",
"format" :
{
"months" : "<span color='#FFEAD3'><b>{}</b></span>",
"days" : "<span color='#ECC6D9'><b>{}</b></span>",
"weeks" : "<span color='#99FFDD'><b>W{}</b></span>",
"weekdays" : "<span color='#FFCC66'><b>{}</b></span>",
"today" : "<span color='#FF6699'><b><u>{}</u></b></span>"
}
},
"actions":
{
"on-click-right" : "mode",
"on-click-forward" : "tz_up",
"on-click-backward" : "tz_down",
"on-scroll-up" : "shift_up",
"on-scroll-down" : "shift_down"
}
},
"custom/bg":
{
"format": "",
"exec": "~/Scripts/background-changer.sh",
"interval": 3600,
"on-click": "exec",
"tooltip": true,
"tooltip-format": "Click to Randomize Wallpaper"
},
"custom/pacman":
{
"format": "{} ",
"interval": 3600,
"exec": "checkupdates | wc -l",
"exec-if": "exit 0"
},
"battery":
{
"interval": 60,
"states":
{
"warning": 30,
"critical": 15
},
"format": "{capacity}% {icon}",
"format-icons": ["", "", "", "", ""]
},
"sway/workspaces":
{
"disable-scroll": false,
"all-outputs": true,
"format": "{name}"
},
"sway/window":
{
"format": "{}",
"max-length": 50,
"icon": false
},
"sway/scratchpad":
{
"format": "{icon} {count}",
"show-empty": true,
"format-icons": ["",""],
"tooltip": true,
"tooltip-format": "{app}: {title}"
},
"idle_inhibitor":
{
"format": "{icon}",
"format-icons":
{
"activated": "󰛐",
"deactivated": "󰛑"
},
"timeout": 30.5
},
"network":
{
"format": "{ifname}",
"format-wifi": "{signalStrength}% ",
"format-ethernet": "{ifname} 󰈀",
"format-disconnected": ""
},
"pulseaudio":
{
"format": "{volume}% {icon}",
"format-bluetooth": "{volume}% {icon} ",
"format-muted": "",
"format-icons":
{
"default": ["", ""]
},
"scroll-step": 1
},
"backlight":
{
"format": "{percent}% {icon}",
"format-icons": ["󰃞","󰃟","󰃠"],
"on-scroll-up": "brightnessctl set 1+",
"on-scroll-down": "brightnessctl set 1-",
"scroll-step": 0.5
}
}
# vi: ft=json

125
.config/waybar/style.css Normal file
View file

@ -0,0 +1,125 @@
/*
use gtk theme variables to define color variables
ex. `@define-color variable_name color_code;`
use as `@variable_name`
shade, mix, and alpha modifiers are available
*/
@define-color primary_bg_color #041e23;
@define-color primary_fg_color #ecf0c1;
@define-color accent_color_1 #06afc7; /* used for tooltip border and active states */
@define-color accent_color_2 #5cab96; /* used for battery charging background */
@define-color accent_color_3 #e3cd7b; /* used for battery low background */
@define-color accent_color_4 #684c31; /* used for batter low foreground */
* {
border: none;
border-radius: 0;
font-family: Roboto, "Symbols NFM";
font-size: 14px;
min-height: 25px;
}
window#waybar {
background-color: @primary_bg_color;
color: @primary_fg_color;
}
#window {
padding: 0 10px;
}
tooltip
{
background: rgba(4, 30, 35, 0.85);
border: 2px solid @accent_color_1;
border-radius: 10px;
}
tooltip label
{
color: white;
}
#workspaces button
{
padding: 0 5px;
background: transparent;
color: @primary_fg_color;
}
#workspaces button.focused
{
border-bottom: 3px solid @primary_fg_color;
}
#custom-bg
{
padding: 0 10px;
border-right: 1px solid @primary_fg_color;
}
#custom-pacman
{
padding: 0 10px;
border-right: 1px solid @primary_fg_color;
}
#scratchpad
{
color: @primary_bg_color;
background-color: @primary_fg_color;
padding: 0 10px;
}
#mode, #clock, #battery
{
padding: 0px 10px;
}
#pulseaudio
{
padding: 0 10px;
border-right: 1px solid @primary_fg_color;
}
#battery
{
background-color: @primary_fg_color;
color: @primary_bg_color;
font-weight: bold;
}
#battery.charging
{
background-color: @accent_color_2;
color: @primary_fg_color;
}
#battery.warning:not(.charging)
{
background-color: @accent_color_3;
color: @accent_color_4;
}
#idle_inhibitor
{
padding: 0 10px;
}
#network
{
padding: 0 10px;
border-right: 1px solid @primary_fg_color;
}
#idle_inhibitor.activated
{
color: @accent_color_1;
}
#backlight
{
padding: 0 10px;
border-right: 1px solid @primary_fg_color;
}