Add sway stuff
This commit is contained in:
367
config/waybar/config.jsonc
Normal file
367
config/waybar/config.jsonc
Normal file
@@ -0,0 +1,367 @@
|
||||
// =============================================================================
|
||||
//
|
||||
// Waybar configuration
|
||||
//
|
||||
// Configuration reference: https://github.com/Alexays/Waybar/wiki/Configuration
|
||||
//
|
||||
// =============================================================================
|
||||
{
|
||||
// -------------------------------------------------------------------------
|
||||
// Global configuration
|
||||
// -------------------------------------------------------------------------
|
||||
"layer": "top",
|
||||
// If height property would be not present, it'd be calculated dynamically
|
||||
"height": 24,
|
||||
"position": "bottom",
|
||||
"modules-left": [
|
||||
// "custom/menu",
|
||||
"sway/workspaces",
|
||||
"custom/scratchpad"
|
||||
],
|
||||
"modules-center": [
|
||||
"custom/wf-recorder",
|
||||
"sway/mode",
|
||||
"custom/weather"
|
||||
],
|
||||
"modules-right": [
|
||||
"custom/taskwarrior",
|
||||
// informational
|
||||
"sway/language",
|
||||
"custom/clipboard",
|
||||
"cpu",
|
||||
"temperature",
|
||||
"memory",
|
||||
"battery",
|
||||
// connecting
|
||||
"network",
|
||||
"bluetooth",
|
||||
"custom/valent",
|
||||
// media
|
||||
"custom/playerctl",
|
||||
"custom/idle_inhibitor",
|
||||
"custom/dnd",
|
||||
"pulseaudio",
|
||||
"backlight",
|
||||
// system
|
||||
"custom/theme",
|
||||
"custom/adaptive-light",
|
||||
"custom/sunset",
|
||||
"tray",
|
||||
"clock"
|
||||
],
|
||||
// -------------------------------------------------------------------------
|
||||
// Modules
|
||||
// -------------------------------------------------------------------------
|
||||
"battery": {
|
||||
"interval": 30,
|
||||
"states": {
|
||||
"warning": 30,
|
||||
"critical": 15
|
||||
},
|
||||
"format-charging": " {capacity}%",
|
||||
"format": "{icon} {capacity}%",
|
||||
"format-icons": [
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
""
|
||||
],
|
||||
"tooltip": true
|
||||
},
|
||||
"clock": {
|
||||
"interval": 60,
|
||||
"format": "{:%e %b %H:%M}",
|
||||
"tooltip": true,
|
||||
"tooltip-format": "<big>{:%B %Y}</big>\n<tt>{calendar}</tt>",
|
||||
"on-click": "swaymsg exec \\$calendar"
|
||||
},
|
||||
"cpu": {
|
||||
"interval": 5,
|
||||
"format": "cpu {usage}% {avg_frequency}GHz",
|
||||
"states": {
|
||||
"warning": 70,
|
||||
"critical": 90
|
||||
},
|
||||
"on-click": "swaymsg exec \\$task_manager",
|
||||
"tooltip": true
|
||||
},
|
||||
"memory": {
|
||||
"interval": 10,
|
||||
"format": "ram {}%",
|
||||
"states": {
|
||||
"warning": 70,
|
||||
"critical": 90
|
||||
},
|
||||
"on-click": "swaymsg exec \\$task_manager",
|
||||
"tooltip": true
|
||||
},
|
||||
"network": {
|
||||
"interval": 5,
|
||||
"format-wifi": "{icon}",
|
||||
"format-ethernet": "",
|
||||
"format-disconnected": "",
|
||||
"format-disabled": "",
|
||||
"format-icons": [
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
""
|
||||
],
|
||||
"tooltip-format": "{icon} {ifname}: {ipaddr}",
|
||||
"tooltip-format-ethernet": "{icon} {ifname}: {ipaddr}",
|
||||
"tooltip-format-wifi": "{icon} {ifname} ({essid}): {ipaddr}",
|
||||
"tooltip-format-disconnected": "{icon} disconnected",
|
||||
"tooltip-format-disabled": "{icon} disabled",
|
||||
"on-click": "swaymsg exec \\$once \\$term_float nmtui connect"
|
||||
},
|
||||
"sway/mode": {
|
||||
"format": "<span style=\"italic\">{}</span>",
|
||||
"tooltip": false
|
||||
},
|
||||
"sway/workspaces": {
|
||||
"active-only": false,
|
||||
"all-outputs": false,
|
||||
"disable-scroll": true,
|
||||
},
|
||||
"backlight": {
|
||||
"format": "{icon} {percent}%",
|
||||
"format-icons": [
|
||||
"",
|
||||
"",
|
||||
""
|
||||
],
|
||||
"on-scroll-up": "swaymsg exec \\$brightness_up",
|
||||
"on-scroll-down": "swaymsg exec \\$brightness_down"
|
||||
},
|
||||
"pulseaudio": {
|
||||
"scroll-step": 5,
|
||||
"format": "{icon} {volume}%{format_source}",
|
||||
"format-muted": " {format_source}",
|
||||
"format-source": "",
|
||||
"format-source-muted": " ",
|
||||
"format-icons": {
|
||||
"headphone": "",
|
||||
"headset": "",
|
||||
"default": [
|
||||
"",
|
||||
"",
|
||||
""
|
||||
]
|
||||
},
|
||||
"tooltip-format": "{icon} {volume}% {format_source}",
|
||||
"on-click": "swaymsg exec \\$pulseaudio",
|
||||
"on-click-middle": "swaymsg exec \\$volume_mute",
|
||||
"on-scroll-up": "swaymsg exec \\$volume_up",
|
||||
"on-scroll-down": "swaymsg exec \\$volume_down"
|
||||
},
|
||||
"temperature": {
|
||||
"critical-threshold": 90,
|
||||
"interval": 5,
|
||||
"format": "{icon}",
|
||||
"tooltip-format": "{temperatureC}°C",
|
||||
"format-icons": [
|
||||
"",
|
||||
"",
|
||||
""
|
||||
],
|
||||
"tooltip": true,
|
||||
"on-click": "swaymsg exec \"\\$once \\$term_float watch sensors\""
|
||||
},
|
||||
"tray": {
|
||||
"icon-size": 14,
|
||||
"spacing": 5
|
||||
},
|
||||
// "custom/pacman": {
|
||||
// "format": " {}",
|
||||
// "interval": 3600,
|
||||
// "return-type": "json",
|
||||
// "exec-if": "$HOME/.local/share/sway/scripts/checkupdates.sh check",
|
||||
// "exec": "$HOME/.local/share/sway/scripts/checkupdates.sh status",
|
||||
// "on-click": "$HOME/.local/share/sway/scripts/checkupdates.sh check && swaymsg exec \\$update_manager",
|
||||
// "on-click-middle": "waybar-signal pacman",
|
||||
// "signal": 14
|
||||
// },
|
||||
// "custom/menu": {
|
||||
// "format": "",
|
||||
// "on-click": "swaymsg exec \\$menu",
|
||||
// "tooltip": false
|
||||
// },
|
||||
"bluetooth": {
|
||||
"format": "",
|
||||
"format-disabled": "",
|
||||
// "on-click": "swaymsg exec \\$bluetooth",
|
||||
"on-click": "blueman-manager",
|
||||
"on-click-right": "rfkill toggle bluetooth",
|
||||
"tooltip-format": "{}"
|
||||
},
|
||||
"sway/language": {
|
||||
"format": " {}",
|
||||
"min-length": 5,
|
||||
"tooltip": false,
|
||||
"on-click": "swaymsg input type:keyboard xkb_switch_layout next"
|
||||
},
|
||||
"custom/scratchpad": {
|
||||
"interval": "once",
|
||||
"return-type": "json",
|
||||
"format": "{icon}",
|
||||
"format-icons": {
|
||||
"one": "",
|
||||
"many": ""
|
||||
},
|
||||
"exec": "/bin/sh $HOME/.local/share/sway/scripts/scratchpad.sh",
|
||||
"on-click": "swaymsg 'scratchpad show'",
|
||||
"signal": 7
|
||||
},
|
||||
"custom/sunset": {
|
||||
"interval": "once",
|
||||
"tooltip": true,
|
||||
"return-type": "json",
|
||||
"format": "{icon}",
|
||||
"format-icons": {
|
||||
"on": "",
|
||||
"off": ""
|
||||
},
|
||||
"exec": "fallback_latitude=50.1 fallback_longitude=8.7 latitude= longitude= $HOME/.local/share/sway/scripts/sunset.sh",
|
||||
"on-click": "$HOME/.local/share/sway/scripts/sunset.sh toggle",
|
||||
"exec-if": "$HOME/.local/share/sway/scripts/sunset.sh check",
|
||||
"signal": 6
|
||||
},
|
||||
"custom/theme": {
|
||||
"format": "{icon}",
|
||||
"interval": 300,
|
||||
"tooltip": true,
|
||||
"format-icons": {
|
||||
"light": "",
|
||||
"dark": "",
|
||||
"auto_light": "",
|
||||
"auto_dark": ""
|
||||
},
|
||||
"return-type": "json",
|
||||
"exec-if": "$HOME/.local/share/sway/scripts/theme-toggle.sh check",
|
||||
"exec": "$HOME/.local/share/sway/scripts/theme-toggle.sh status",
|
||||
"on-click": "$HOME/.local/share/sway/scripts/theme-toggle.sh toggle",
|
||||
"on-click-right": "$HOME/.local/share/sway/scripts/theme-toggle.sh auto-toggle",
|
||||
"signal": 17
|
||||
},
|
||||
"custom/wf-recorder": {
|
||||
"interval": "once",
|
||||
"return-type": "json",
|
||||
"format": "{}",
|
||||
"exec": "echo '{\"class\": \"recording\",\"text\":\"\",\"tooltip\":\"press $mod+Esc to stop recording\"}'",
|
||||
"exec-if": "pgrep wf-recorder",
|
||||
"on-click": "waybar-signal recorder",
|
||||
"signal": 8
|
||||
},
|
||||
"custom/playerctl": {
|
||||
"interval": "once",
|
||||
"tooltip": true,
|
||||
"return-type": "json",
|
||||
"format": "{icon}",
|
||||
"format-icons": {
|
||||
"Playing": "",
|
||||
"Paused": ""
|
||||
},
|
||||
"exec": "playerctl metadata --format '{\"alt\": \"{{status}}\", \"tooltip\": \"{{playerName}}: {{markup_escape(title)}} - {{markup_escape(artist)}}\" }'",
|
||||
"on-click": "playerctl play-pause",
|
||||
"on-click-right": "playerctl next",
|
||||
"on-scroll-up": "playerctl position 10+",
|
||||
"on-scroll-down": "playerctl position 10-",
|
||||
"signal": 5
|
||||
},
|
||||
"custom/clipboard": {
|
||||
"format": "",
|
||||
"interval": "once",
|
||||
"return-type": "json",
|
||||
"on-click": "swaymsg -q exec '$clipboard'; waybar-signal clipboard",
|
||||
"on-click-right": "swaymsg -q exec '$clipboard-del'; waybar-signal clipboard",
|
||||
"on-click-middle": "rm -f ~/.cache/cliphist/db; waybar-signal clipboard",
|
||||
"exec": "printf '{\"tooltip\":\"%s\"}' $(cliphist list | wc -l)' item(s) in the clipboard\r(Mid click to clear)'",
|
||||
"exec-if": "[ -x \"$(command -v cliphist)\" ] && [ $(cliphist list | wc -l) -gt 0 ]",
|
||||
"signal": 9
|
||||
},
|
||||
"custom/taskwarrior": {
|
||||
"format": "{text}",
|
||||
"tooltip": false,
|
||||
"interval": 2,
|
||||
"exec": "taskwarrior_active",
|
||||
"return-type": "json",
|
||||
"on-click": "taskwarrior_start",
|
||||
"on-click-right": "taskwarrior_stop",
|
||||
},
|
||||
"custom/weather": {
|
||||
"format": "{}",
|
||||
"tooltip": true,
|
||||
"interval": 3600,
|
||||
// accepts -c/--city <city> -t/--temperature <C/F> -d/--distance <km/miles>
|
||||
"exec": "$HOME/.local/share/sway/scripts/weather.py",
|
||||
"return-type": "json",
|
||||
"on-click": "xdg-open \"https://wttr.in/$(curl -s https://manjaro-sway.download/geoip | jq -r '.city')\"",
|
||||
"on-click-right": "waybar-signal weather",
|
||||
"signal": 16
|
||||
},
|
||||
"custom/dnd": {
|
||||
"interval": "once",
|
||||
"return-type": "json",
|
||||
"format": "{}{icon}",
|
||||
"format-icons": {
|
||||
"default": "",
|
||||
"dnd": ""
|
||||
},
|
||||
"on-click": "$HOME/.local/share/sway/scripts/dnd.sh toggle; waybar-signal dnd",
|
||||
"on-click-right": "$HOME/.local/share/sway/scripts/dnd.sh restore",
|
||||
"exec": "$HOME/.local/share/sway/scripts/dnd.sh status",
|
||||
"signal": 11
|
||||
},
|
||||
"custom/adaptive-light": {
|
||||
"interval": "once",
|
||||
"tooltip": true,
|
||||
"return-type": "json",
|
||||
"format": "{icon}",
|
||||
"format-icons": {
|
||||
"on": "",
|
||||
"off": ""
|
||||
},
|
||||
"exec": "$HOME/.local/share/sway/scripts/wluma.sh",
|
||||
"on-click": "$HOME/.local/share/sway/scripts/wluma.sh toggle",
|
||||
"exec-if": "$HOME/.local/share/sway/scripts/wluma.sh check",
|
||||
"signal": 12
|
||||
},
|
||||
"custom/valent": {
|
||||
"format": "{icon}",
|
||||
"tooltip": true,
|
||||
"interval": 60,
|
||||
"exec": "$HOME/.local/share/sway/scripts/valent.py",
|
||||
"exec-if": "[ -x \"$(command -v valent)\" ]",
|
||||
"return-type": "json",
|
||||
"format-icons": {
|
||||
"no-devices": "",
|
||||
"dangerously-empty": "",
|
||||
"no-signal": "",
|
||||
"connected": "",
|
||||
"disconnected": ""
|
||||
},
|
||||
"on-click": "valent",
|
||||
"on-click-middle": "waybar-signal valent",
|
||||
"signal": 13
|
||||
},
|
||||
"custom/idle_inhibitor": {
|
||||
"interval": 60,
|
||||
"return-type": "json",
|
||||
"format": "{icon}",
|
||||
"format-icons": {
|
||||
"on": "",
|
||||
"off": ""
|
||||
},
|
||||
"exec": "inhibit-idle",
|
||||
"on-click": "inhibit-idle off; inhibit-idle interactive",
|
||||
"on-click-middle": "inhibit-idle off",
|
||||
"signal": 15
|
||||
}
|
||||
}
|
||||
303
config/waybar/gruvbox.css
Normal file
303
config/waybar/gruvbox.css
Normal file
@@ -0,0 +1,303 @@
|
||||
/* GRUVBOX DARK PALETTE
|
||||
--------------------
|
||||
*/
|
||||
|
||||
@define-color bg #282828;
|
||||
@define-color gray1 #928374;
|
||||
@define-color red1 #cc241d;
|
||||
@define-color red2 #fb4934;
|
||||
@define-color green1 #98971a;
|
||||
@define-color green2 #b8bb26;
|
||||
@define-color yellow1 #d79921;
|
||||
@define-color yellow2 #fabd2f;
|
||||
@define-color blue1 #458588;
|
||||
@define-color blue2 #83a598;
|
||||
@define-color purple1 #b16286;
|
||||
@define-color purple2 #d3869b;
|
||||
@define-color aqua1 #689d6a;
|
||||
@define-color aqua2 #8ec07c;
|
||||
@define-color gray2 #a89984;
|
||||
@define-color fg #ebdbb2;
|
||||
@define-color bg0_h #1d2021;
|
||||
@define-color bg0 @bg;
|
||||
@define-color bg1 #3c3836;
|
||||
@define-color bg2 #504945;
|
||||
@define-color bg3 #665c54;
|
||||
@define-color bg4 #7c6f64;
|
||||
@define-color bg-gray @gray1;
|
||||
@define-color bg0_s #32302f;
|
||||
@define-color fg4 #a89984;
|
||||
@define-color fg3 #bdae93;
|
||||
@define-color fg2 #d5c4a1;
|
||||
@define-color fg1 @fg;
|
||||
@define-color fg0 #fbf1c7;
|
||||
@define-color orange1 #d65d0e;
|
||||
@define-color orange2 #af3a03;
|
||||
|
||||
/* GRUVBOX LIGHT PALETTE
|
||||
--------------------- */
|
||||
/* @define-color bg #fbf1c7; */
|
||||
/* @define-color gray1 #928374; */
|
||||
/* @define-color red1 #cc241d; */
|
||||
/* @define-color red2 #9d0006; */
|
||||
/* @define-color green1 #98971a; */
|
||||
/* @define-color green2 #79740e; */
|
||||
/* @define-color yellow1 #d79921; */
|
||||
/* @define-color yellow2 #b57614; */
|
||||
/* @define-color blue1 #458588; */
|
||||
/* @define-color blue2 #076678; */
|
||||
/* @define-color purple1 #b16286; */
|
||||
/* @define-color purple2 #8f3f71; */
|
||||
/* @define-color aqua1 #689d6a; */
|
||||
/* @define-color aqua2 #427b58; */
|
||||
/* @define-color gray2 #7c6f64; */
|
||||
/* @define-color fg #3c3836; */
|
||||
/* @define-color bg0_h #f9f5d7; */
|
||||
/* @define-color bg0 @bg; */
|
||||
/* @define-color bg1 #ebdbb2; */
|
||||
/* @define-color bg2 #d5c4a1; */
|
||||
/* @define-color bg3 #bdae93; */
|
||||
/* @define-color bg4 #a89984; */
|
||||
/* @define-color bg-gray @gray1; */
|
||||
/* @define-color bg0_s #f2e5bc; */
|
||||
/* @define-color fg4 #7c6f64; */
|
||||
/* @define-color fg3 #665c54; */
|
||||
/* @define-color fg2 #504945; */
|
||||
/* @define-color fg1 @fg; */
|
||||
/* @define-color fg0 #282828; */
|
||||
/* @define-color orange1 #d65d0e; */
|
||||
/* @define-color orange2 #af3a03; */
|
||||
|
||||
|
||||
/* COLOR BINDS
|
||||
----------- */
|
||||
@define-color waybar @bg;
|
||||
@define-color text-main @fg;
|
||||
@define-color text-opposite @bg;
|
||||
@define-color text-alert @red2;
|
||||
@define-color alert @red1;
|
||||
@define-color warning @orange1;
|
||||
@define-color ok @aqua2;
|
||||
@define-color workspaces @yellow1;
|
||||
@define-color workspaces-hover @yellow2;
|
||||
@define-color day @orange1;
|
||||
@define-color time @orange2;
|
||||
@define-color date @orange1;
|
||||
@define-color backlight @bg-gray;
|
||||
@define-color network @bg4;
|
||||
@define-color audio @bg3;
|
||||
@define-color battery @bg2;
|
||||
|
||||
|
||||
/* ELEMENT SETTINGS
|
||||
---------------- */
|
||||
.modules-left > widget:first-child > #workspaces {margin: 0}
|
||||
.modules-right > widget:last-child > #workspaces {margin: 0}
|
||||
|
||||
* {
|
||||
font-family: Symbols Nerd Font Mono, VictorMono Nerd Font;
|
||||
font-size: 12;
|
||||
color: @text-main;
|
||||
background-color: @waybar;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
min-height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
workspaces button label,
|
||||
#window,
|
||||
widget label,
|
||||
#tray {
|
||||
padding: 0 .5em;
|
||||
}
|
||||
|
||||
|
||||
/* ANIMATION
|
||||
--------- */
|
||||
@keyframes text-blink {
|
||||
to {
|
||||
color: @text-alert;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes gradient-blink {
|
||||
from {
|
||||
color: @text-alert;
|
||||
background: linear-gradient(to right, @battery 100%, @alert);
|
||||
}
|
||||
to {
|
||||
color: @text-opposite;
|
||||
background: linear-gradient(to right, @battery 15%, @alert);
|
||||
}
|
||||
}
|
||||
|
||||
/* Attention */
|
||||
#mode,
|
||||
#battery.below20.discharging {
|
||||
animation-name: text-blink;
|
||||
animation-duration: 0.5s;
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
#battery.below20.discharging {
|
||||
color: transparent
|
||||
}
|
||||
|
||||
/* Warning */
|
||||
#pulseaudio.muted,
|
||||
#network.disconnected/*,
|
||||
#battery.below20.discharging*/ {
|
||||
color: @text-alert;
|
||||
}
|
||||
|
||||
/* Critical */
|
||||
#battery.below10.discharging {
|
||||
animation-name: gradient-blink;
|
||||
animation-duration: .75s;
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
|
||||
|
||||
/* LEFT MODULES
|
||||
------------ */
|
||||
#workspaces button label {
|
||||
background: @workspaces;
|
||||
}
|
||||
#workspaces button:hover label {
|
||||
transition: background-color .5s;
|
||||
background: radial-gradient( @workspaces-hover, @workspaces 60%);
|
||||
}
|
||||
#workspaces button.urgent {
|
||||
transition: background-color .5s;
|
||||
background: radial-gradient( @alert, @workspaces 80%);
|
||||
transition: color .5s;
|
||||
color: @text-alert;
|
||||
}
|
||||
|
||||
#mode {
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
padding: 0;
|
||||
margin: 0 .5em;
|
||||
color: transparent;
|
||||
background-color: @waybar;
|
||||
box-shadow:
|
||||
0 .2em @alert inset,
|
||||
0 -.2em @alert inset;
|
||||
}
|
||||
|
||||
|
||||
/* CENTER MODULES
|
||||
-------------- */
|
||||
#scratchpad.empty {
|
||||
color: @waybar;
|
||||
}
|
||||
|
||||
#clock {
|
||||
color: @text-opposite;
|
||||
}
|
||||
#clock.day {
|
||||
background-color: @day;
|
||||
}
|
||||
#clock.time {
|
||||
background-color: @time;
|
||||
}
|
||||
#clock.date {
|
||||
background-color: @day;
|
||||
}
|
||||
|
||||
#scratchpad.invisible {
|
||||
color: @waybar;
|
||||
}
|
||||
|
||||
|
||||
/* RIGHT MODULES
|
||||
------------- */
|
||||
|
||||
#tray {
|
||||
background-color: @bg;
|
||||
}
|
||||
#tray > .passive {
|
||||
-gtk-icon-effect: dim;
|
||||
}
|
||||
#tray > .needs-attention {
|
||||
-gtk-icon-effect: highlight;
|
||||
}
|
||||
|
||||
#backlight {
|
||||
background-color: @backlight;
|
||||
}
|
||||
|
||||
#network {
|
||||
background-color: @network;
|
||||
}
|
||||
|
||||
#pulseaudio {
|
||||
background-color: @audio;
|
||||
}
|
||||
|
||||
#battery {
|
||||
background-color: @battery;
|
||||
}
|
||||
#battery.charging {
|
||||
background: linear-gradient(to right, @battery 30%, @ok);
|
||||
}
|
||||
#battery.discharging {
|
||||
background: linear-gradient(to right, @battery 30%, @alert);
|
||||
}
|
||||
|
||||
|
||||
/* ARROWS
|
||||
------ */
|
||||
#custom-arrow-right,
|
||||
#custom-arrow-left {
|
||||
padding: 0;
|
||||
font-family: Hack Nerd Font Mono;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
#custom-arrow-right.workspaces {
|
||||
color: @workspaces;
|
||||
background-color: transparent;
|
||||
}
|
||||
#custom-arrow-right.time {
|
||||
color: @time;
|
||||
background-color: @date;
|
||||
}
|
||||
#custom-arrow-right.date {
|
||||
color: @date;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#custom-arrow-left.battery {
|
||||
color: @battery;
|
||||
background-color: @audio;
|
||||
}
|
||||
#custom-arrow-left.audio {
|
||||
color: @audio;
|
||||
background-color: @network;
|
||||
}
|
||||
#custom-arrow-left.network {
|
||||
color: @network;
|
||||
background-color: @backlight;
|
||||
}
|
||||
#custom-arrow-left.backlight {
|
||||
color: @backlight;
|
||||
background-color: transparent;
|
||||
}
|
||||
#custom-arrow-left.time {
|
||||
color: @time;
|
||||
background-color: @day;
|
||||
}
|
||||
#custom-arrow-left.day {
|
||||
color: @day;
|
||||
background-color: transparent;
|
||||
}
|
||||
266
config/waybar/style.css
Normal file
266
config/waybar/style.css
Normal file
@@ -0,0 +1,266 @@
|
||||
/* GRUVBOX DARK PALETTE
|
||||
--------------------
|
||||
*/
|
||||
|
||||
@define-color bg #282828;
|
||||
@define-color gray1 #928374;
|
||||
@define-color red1 #cc241d;
|
||||
@define-color red2 #fb4934;
|
||||
@define-color green1 #98971a;
|
||||
@define-color green2 #b8bb26;
|
||||
@define-color yellow1 #d79921;
|
||||
@define-color yellow2 #fabd2f;
|
||||
@define-color blue1 #458588;
|
||||
@define-color blue2 #83a598;
|
||||
@define-color purple1 #b16286;
|
||||
@define-color purple2 #d3869b;
|
||||
@define-color aqua1 #689d6a;
|
||||
@define-color aqua2 #8ec07c;
|
||||
@define-color gray2 #a89984;
|
||||
@define-color fg #ebdbb2;
|
||||
@define-color bg0_h #1d2021;
|
||||
@define-color bg0 @bg;
|
||||
@define-color bg1 #3c3836;
|
||||
@define-color bg2 #504945;
|
||||
@define-color bg3 #665c54;
|
||||
@define-color bg4 #7c6f64;
|
||||
@define-color bg-gray @gray1;
|
||||
@define-color bg0_s #32302f;
|
||||
@define-color fg4 #a89984;
|
||||
@define-color fg3 #bdae93;
|
||||
@define-color fg2 #d5c4a1;
|
||||
@define-color fg1 @fg;
|
||||
@define-color fg0 #fbf1c7;
|
||||
@define-color orange1 #d65d0e;
|
||||
@define-color orange2 #af3a03;
|
||||
|
||||
/* COLOR BINDS
|
||||
----------- */
|
||||
@define-color theme_base_color @bg;
|
||||
@define-color theme_bg_color @bg;
|
||||
@define-color theme_text_color @fg;
|
||||
@define-color text-opposite @bg;
|
||||
@define-color text-alert @red2;
|
||||
@define-color error_color @red1;
|
||||
@define-color warning_color @orange1;
|
||||
@define-color ok @aqua2;
|
||||
@define-color workspaces-text-color @fg4;
|
||||
@define-color workspaces-hover @yellow2;
|
||||
@define-color workspaces-focused @yellow1;
|
||||
@define-color day @orange1;
|
||||
@define-color time @orange2;
|
||||
@define-color date @orange1;
|
||||
@define-color backlight @bg-gray;
|
||||
@define-color network @bg4;
|
||||
@define-color audio @bg3;
|
||||
@define-color battery @bg2;
|
||||
|
||||
@define-color theme_selected_bg_color @blue1;
|
||||
|
||||
/* =============================================================================
|
||||
*
|
||||
* Waybar configuration
|
||||
*
|
||||
* Configuration reference: https://github.com/Alexays/Waybar/wiki/Configuration
|
||||
*
|
||||
* =========================================================================== */
|
||||
|
||||
/* import css definitions for current theme */
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
* Keyframes
|
||||
* -------------------------------------------------------------------------- */
|
||||
|
||||
@keyframes blink-warning {
|
||||
70% {
|
||||
color: @wm_icon_bg;
|
||||
}
|
||||
|
||||
to {
|
||||
color: @wm_icon_bg;
|
||||
background-color: @warning_color;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes blink-critical {
|
||||
70% {
|
||||
color: @wm_icon_bg;
|
||||
}
|
||||
|
||||
to {
|
||||
color: @wm_icon_bg;
|
||||
background-color: @error_color;
|
||||
}
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
* Base styles
|
||||
* -------------------------------------------------------------------------- */
|
||||
|
||||
/* Reset all styles */
|
||||
* {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
min-height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Iosevka Custom";
|
||||
}
|
||||
|
||||
/* The whole bar */
|
||||
window#waybar {
|
||||
background: @bg0_h;
|
||||
color: @theme_text_color;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* Each module */
|
||||
#custom-help,
|
||||
#custom-scratchpad,
|
||||
#custom-github,
|
||||
#custom-clipboard,
|
||||
#custom-dnd,
|
||||
#custom-valent,
|
||||
#custom-idle_inhibitor,
|
||||
#bluetooth,
|
||||
#battery,
|
||||
#clock,
|
||||
#cpu,
|
||||
#memory,
|
||||
#mode,
|
||||
#network,
|
||||
#pulseaudio,
|
||||
#temperature,
|
||||
#backlight,
|
||||
#language,
|
||||
#custom-adaptive-light,
|
||||
#custom-sunset,
|
||||
#custom-playerctl,
|
||||
#custom-weather,
|
||||
#custom-theme,
|
||||
#tray {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
* Module styles
|
||||
* -------------------------------------------------------------------------- */
|
||||
|
||||
#custom-scratchpad,
|
||||
#workspaces button.focused {
|
||||
color: @theme_bg_color;
|
||||
background-color: @workspaces-focused;
|
||||
}
|
||||
|
||||
#battery {
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
|
||||
#battery.warning {
|
||||
color: @warning_color;
|
||||
}
|
||||
|
||||
#battery.critical {
|
||||
color: @error_color;
|
||||
}
|
||||
|
||||
#battery.warning.discharging {
|
||||
animation-name: blink-warning;
|
||||
animation-duration: 3s;
|
||||
}
|
||||
|
||||
#battery.critical.discharging {
|
||||
animation-name: blink-critical;
|
||||
animation-duration: 2s;
|
||||
}
|
||||
|
||||
#clock {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#cpu.warning {
|
||||
color: @warning_color;
|
||||
}
|
||||
|
||||
#cpu.critical {
|
||||
color: @error_color;
|
||||
}
|
||||
|
||||
#memory {
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
|
||||
#memory.warning {
|
||||
color: @warning_color;
|
||||
}
|
||||
|
||||
#memory.critical {
|
||||
color: @error_color;
|
||||
animation-name: blink-critical;
|
||||
animation-duration: 2s;
|
||||
}
|
||||
|
||||
#mode {
|
||||
background: @background_color;
|
||||
}
|
||||
|
||||
#network.disconnected {
|
||||
color: @warning_color;
|
||||
}
|
||||
|
||||
#pulseaudio.muted {
|
||||
color: @warning_color;
|
||||
}
|
||||
|
||||
#temperature.critical {
|
||||
color: @error_color;
|
||||
}
|
||||
|
||||
#workspaces button {
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
color: @workspaces-text-color;
|
||||
background: @theme_bg_color;
|
||||
}
|
||||
|
||||
#workspaces button.focused {
|
||||
border-color: @workspaces-focused;
|
||||
}
|
||||
|
||||
#workspaces button.urgent {
|
||||
border-color: @error_color;
|
||||
color: @error_color;
|
||||
}
|
||||
|
||||
#workspaces button:hover {
|
||||
border-color: @yellow1;
|
||||
color: @yellow1;
|
||||
}
|
||||
|
||||
#bluetooth.disabled {
|
||||
color: @warning_color;
|
||||
}
|
||||
|
||||
#custom-wf-recorder {
|
||||
color: @error_color;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#custom-taskwarrior {
|
||||
background-color: @warning_color;
|
||||
color: @theme_base_color;
|
||||
font-weight: bold;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#custom-valent.dangerously-empty {
|
||||
color: @warning_color;
|
||||
}
|
||||
Reference in New Issue
Block a user