diff options
Diffstat (limited to '.config/waybar/yoink')
| -rw-r--r-- | .config/waybar/yoink/config | 87 | ||||
| -rw-r--r-- | .config/waybar/yoink/style.css | 180 |
2 files changed, 267 insertions, 0 deletions
diff --git a/.config/waybar/yoink/config b/.config/waybar/yoink/config new file mode 100644 index 0000000..3d2dce5 --- /dev/null +++ b/.config/waybar/yoink/config @@ -0,0 +1,87 @@ +{ + "modules-left": ["sway/workspaces", "sway/mode"], + "modules-center": ["sway/window", "cpu", "temperature", "memory","tray"], + "modules-right": ["pulseaudio", "backlight", "battery", "clock"], + "sway/mode": { + "format": "<span style=\"italic\">{}</span>" + }, + "position": "top", // Waybar position (top|bottom|left|right) + "network": { + "format-wifi": "({signalStrength}%) ", + "format-ethernet": "{ifname} ", + "format-disconnected": "", + "max-length": 50, + "on-click": "'" + }, + "tray": { + "icon-size": 15, + "spacing": 10 + }, + "clock": { + "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>", + // "format-alt": "{:%Y-%m-%d}" + "on-click": "gnome-calendar" + }, + "pulseaudio": { + "format": "{volume}% {icon} ", + "format-bluetooth": "{volume}% {icon} {format_source}", + "format-bluetooth-muted": " {icon} {format_source}", + "format-muted": "0% {icon} ", + "format-source": "{volume}% ", + "format-source-muted": "", + "format-icons": { + "headphone": "", + "hands-free": "", + "headset": "", + "phone": "", + "portable": "", + "car": "", + "default": ["", "", ""] + }, + "on-click": "pavucontrol" + }, + "cpu": { + "format": "{usage}% ", + "tooltip": true + }, + "memory": { + "format": "{}% 🐏" + }, + "battery": { + "states": { + // "good": 95, + "warning": 30, + "critical": 15 + }, + "format": "{capacity}% {icon}", + "format-charging": "{capacity}% ", + "format-plugged": "{capacity}% ", + "format-alt": "{time} {icon}", + // "format-good": "", // An empty format will hide the module + // "format-full": "", + "format-icons": ["", "", "", "", ""] + }, + "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": ["", "", ""] + }, + "sway/window": { + "format": "{}", + "min-length": 25, + "max-length": 25, + "rewrite": { + "": "Out of Focus" + } + }, + "backlight": { + "device": "intel_backlight", + "format": "{percent}% {icon}", + "format-icons": [""], + "on-scroll-up": "brightnessctl set +5%", + "on-scroll-down": "~/nushell/decrement-brightness.nu" + } +} diff --git a/.config/waybar/yoink/style.css b/.config/waybar/yoink/style.css new file mode 100644 index 0000000..6f10f4a --- /dev/null +++ b/.config/waybar/yoink/style.css @@ -0,0 +1,180 @@ +/* + * Tea green + * https://en.wikipedia.org/wiki/Shades_of_green#Tea_green + */ +@define-color highlight rgba(208, 240, 192, 0.4); +@define-color hover rgba(208, 240, 192, 0.6); + +* { + border: none; + font-family: JetBrainsMono Nerd Font, Font Awesome, Roboto, Arial, sans-serif; + font-size: 13px; + border-radius: 5px; +} + +window#waybar { + background-color: rgba(0,0,0, 0.0); + color: #ffffff; +} + +/*-----module groups----*/ +.modules-right { + background-color: rgba(0,43,51,0.3); + margin: 2px 10px 0 0; +} +.modules-center { + background-color: rgba(0,43,51,0.3); + margin: 2px 5px 0 0; + padding-left: 10px; +} +.modules-left { + margin: 2px 0 0 5px; + background-color: rgba(0,43,51,0.3); +} +/*-----modules indv----*/ +#workspaces button { + padding: 1px 5px; + background-color: transparent; + border-radius: 5px +} +/* + * only curve first and last workspaces butons +#workspaces button:first-child { + border-bottom-left-radius: 5px; + border-top-left-radius: 5px; +} +#workspaces button:last-child { + border-bottom-right-radius: 5px; + border-top-right-radius: 5px; +} +#workspaces button:only-child { + border-radius: 5px; +} +*/ + + +#workspaces button:hover { + box-shadow: inherit; + background-color: rgba(0,153,153,0.2); +} + +#workspaces button.focused { + background-color: @highlight; +} + + +#workspaces button.urgent { + background-color: #eb4d4b; +} + + +#clock, +#battery, +#cpu, +#memory, +#temperature, +#backlight, +#network, +#pulseaudio, +#custom-media, +#tray, +#mode, +#window +#custom-power, +#custom-menu, +#idle_inhibitor { + padding: 0 10px; + color: #ffffff; +} +#mode { + color: #cc3436; + font-weight: bold; +} +#custom-power { + margin: 5px 5px; + padding: 1px 1px 1px 6px; +} +/*-----Indicators----*/ +#idle_inhibitor.activated { + color: #2dcc36; +} +#pulseaudio.muted { + color: #cc3436; +} + +#battery.charging, #battery.plugged { + color: #ffffff; + background-color: #26A65B; +} + +@keyframes blink { + to { + background-color: #ffffff; + color: #000000; + } +} + +#battery.critical:not(.charging) { + background-color: #f53c3c; + color: #ffffff; + animation-name: blink; + animation-duration: 1s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#temperature.critical { + color: #cc3436; +} + +#tray { + background-color: @highlight +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +} + +#battery { + padding-right: 20px; +} + +#clock { + background-color: @highlight; +} + + +button { + /* Use box-shadow instead of border so the text isn't offset */ + box-shadow: inset 0 -3px transparent; + /* Avoid rounded borders under each button name */ + border: none; + border-radius: 0; +} + +/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ +button:hover { + background: inherit; + box-shadow: inset 0 -3px #ffffff; +} + +#workspaces button { + padding: 0 5px; + background-color: transparent; + color: #ffffff; +} + + +/*-----Colors----*/ +/* + *rgba(0,85,102,1),#005566 --> Indigo(dye) + *rgba(0,43,51,1),#002B33 --> Dark Green + *rgba(0,153,153,1),#009999 --> Persian Green + * + */ |