~jacqueline/dotfiles

704774258564a69f83f41877812f1d09042e43fe — jacqueline a month ago 1edd9dc
swaybar match terminal
3 files changed, 126 insertions(+), 73 deletions(-)

M sway/.config/waybar/config
A sway/.config/waybar/mocha.css
M sway/.config/waybar/style.css
M sway/.config/waybar/config => sway/.config/waybar/config +67 -62
@@ 1,64 1,69 @@
{
    // "layer": "top", // Waybar at top layer
    // "position": "bottom", // Waybar position (top|bottom|left|right)
    "height": 34, // Waybar height (to be removed for auto height)
    // "width": 1280, // Waybar width
    // Choose the order of the modules
    "modules-left": ["sway/workspaces", "sway/mode", "mpd"],
    "modules-center": [],
    "modules-right": ["tray", "network", "memory", "battery", "pulseaudio", "clock", "clock#date"],
    "sway/workspaces": {},
    "sway/window": {
      "format": "{title}",
      "max-length": 50,
    },
    "sway/mode": {
        "format": "<span>{}</span>"
    },
    "mpd": {
        "tooltip": false,
        "format": "{stateIcon}   {artist} - {title}",
        "format-disconnected": "",
        "format-stopped": "",
        "state-icons": {
            "playing": "",
            "paused": ""
        }
    },
    "tray": {
        "icon-size": 32,
        "spacing": 16
    },
    "clock": {
        "format": " {:%I:%M%p}",
        "tooltip": false
    },
    "clock#date": {
        "format": "{:%Y-%m-%d}",
        "tooltip": false
    },
    "memory": {
	"tooltip": false,
	"format": "   {}%"
    },
    "battery": {
	    "bat": "8xlifepo4",
	    "interval": 30,
	    "format": "{icon}   {}%",
	    "format-icons": ["", "", "", "", ""]
    },
    "network": {
	"tooltip": false,
	"format-wifi": "   {essid}",
	"format-ethernet": "  {ifname}",
        "format-disconnected": "   ×",
        "on-click": "xfce4-terminal -e nmtui --title nmtui"
    },
    "pulseaudio": {
        "format": "{icon}   {volume}%",
        "on-click": "reform-pavucontrol",
	"format-icons": {
	  "default": ["", "奔", "墳"]
	}
    },
  // "layer": "top", // Waybar at top layer
  // "position": "bottom", // Waybar position (top|bottom|left|right)
  "height": 34, // Waybar height (to be removed for auto height)
  // "width": 1280, // Waybar width
  // Choose the order of the modules
  "modules-left": ["sway/workspaces", "sway/mode", "mpd"],
  "modules-center": [],
  "modules-right": ["tray", "network", "memory", "battery", "pulseaudio", "clock", "clock#date"],
  "sway/workspaces": {},
  "sway/window": {
    "format": "{title}",
    "max-length": 50,
  },
  "sway/mode": {
    "format": "<span>{}</span>"
  },
  "mpd": {
    "tooltip": false,
    "format": "{stateIcon}   {artist} - {title}",
    "format-disconnected": "",
    "format-stopped": "",
    "state-icons": {
      "playing": "",
      "paused": ""
    }
  },
  "tray": {
    "icon-size": 32,
    "spacing": 16
  },
  "clock": {
    "format": " {:%I:%M%p}",
    "tooltip": false
  },
  "clock#date": {
    "format": "{:%Y-%m-%d}",
    "tooltip": false
  },
  "memory": {
    "tooltip": false,
    "format": "   {}%"
  },
  "battery": {
    "bat": "8xlifepo4",
    "interval": 30,
    "format": "{icon}   {}%",
    "format-icons": ["", "", "", "", ""]
  },
  "network": {
    "tooltip": false,
    "format-wifi": "直  {signalStrength}%",
    "format-ethernet": "  {ifname}",
    "format-disconnected": "睊 ",
    "on-click": "xfce4-terminal -e nmtui --title nmtui"
  },
  "bluetooth": {
    "format": " ",
    "format-off": " ",
    "tooltip-format": "{status}"
  },
  "pulseaudio": {
    "format": "{icon}   {volume}%",
    "on-click": "reform-pavucontrol",
    "format-icons": {
      "default": ["", "奔", "墳"]
    }
  },
}

A sway/.config/waybar/mocha.css => sway/.config/waybar/mocha.css +37 -0
@@ 0,0 1,37 @@
/*
*
* Catppuccin Mocha palette
* Maintainer: rubyowo
*
*/

@define-color base   #1e1e2e;
@define-color mantle #181825;
@define-color crust  #11111b;

@define-color text     #cdd6f4;
@define-color subtext0 #a6adc8;
@define-color subtext1 #bac2de;

@define-color surface0 #313244;
@define-color surface1 #45475a;
@define-color surface2 #585b70;

@define-color overlay0 #6c7086;
@define-color overlay1 #7f849c;
@define-color overlay2 #9399b2;

@define-color blue      #89b4fa;
@define-color lavender  #b4befe;
@define-color sapphire  #74c7ec;
@define-color sky       #89dceb;
@define-color teal      #94e2d5;
@define-color green     #a6e3a1;
@define-color yellow    #f9e2af;
@define-color peach     #fab387;
@define-color maroon    #eba0ac;
@define-color red       #f38ba8;
@define-color mauve     #cba6f7;
@define-color pink      #f5c2e7;
@define-color flamingo  #f2cdcd;
@define-color rosewater #f5e0dc;

M sway/.config/waybar/style.css => sway/.config/waybar/style.css +22 -11
@@ 1,3 1,9 @@
@import "mocha.css";

button { border: none; }
label:disabled, button:disabled { color: inherit; }
button:hover { background: inherit; }

* {
  border: none;
  border-radius: 0;


@@ 5,11 11,13 @@
  font-feature-settings: "zero";
  font-size: 14pt;
  min-height: 24px;
  color: #f8f8f2;
  background: #282c34;
  padding-top: 0;
}

#waybar {
  background: @crust;
}

#window {
  padding-left: 16px;
  padding-right: 16px;


@@ 28,20 36,20 @@

#workspaces button {
  transition: none;
  color: #f8f8f2;
  color: @subtext0;
  background: transparent;
  font-size: 16px;
}

#workspaces button.focused {
  font-weight: Bold;
  color: @text;
}

#workspaces button:hover {
  transition: none;
  box-shadow: inherit;
  text-shadow: inherit;
  color: #ff79c6;
}

#mpd {


@@ 51,20 59,19 @@
  margin-top: 4px;
  margin-bottom: 4px;
  transition: none;
  background: #1a1b26;
  border-radius: 24px;
  background: @surface0;
  color: @text;
  font-size: 12pt;
}

#mpd.disconnected {
  background: transparent;
}

#mpd.stopped {
  background: transparent;
#mpd.paused {
  color: @subtext0;
  background: @surface0;
}

#network {
  color: @text;
  margin-left: 8px;
  padding-left: 16px;
  padding-right: 16px;


@@ 73,6 80,7 @@
}

#pulseaudio {
  color: @text;
  margin-left: 8px;
  padding-left: 16px;
  padding-right: 16px;


@@ 81,6 89,7 @@
}

#battery {
  color: @text;
  margin-left: 8px;
  padding-left: 16px;
  padding-right: 16px;


@@ 89,6 98,7 @@
}

#memory {
  color: @text;
  margin-left: 8px;
  padding-left: 16px;
  padding-right: 16px;


@@ 97,6 107,7 @@
}

#clock {
  color: @text;
  margin-left: 8px;
  margin-right: 0;
  padding-left: 16px;