Update sway config for foot terminal

Add show/hide toggle for waybar, add waybar configuration files

2 files changed, 162 insertions, 0 deletions

diff --git a/.config/waybar/config b/.config/waybar/config
new file mode 100644
index 0000000..c5cb4ef
--- /dev/null
+++ b/.config/waybar/config
@@ -0,0 +1,83 @@
+{
+    "layer": "top", // Waybar at top layer
+    "mode": "hide",
+    "passthrough": "false",
+    "spacing": 0,
+    "position": "right", // Waybar position (top|bottom|left|right)
+    /* "height": 10, // Waybar height (to be removed for auto height) */
+    // Choose the order of the modules
+    "modules-left": ["custom/hour", "custom/minutes", "sway/workspaces"],
+    // "modules-center": ["custom/transparent"],
+    "modules-right": ["tray", "idle_inhibitor", "network", "pulseaudio", "clock"],
+    // Modules configuration
+     "sway/workspaces": {
+         "disable-scroll": true,
+         "all-outputs": true,
+         "format": "{icon}",
+         "format-icons": {
+             "1": "",
+             "2": "",
+             "3": "",
+             "4": "",
+             "5": "",
+             "6": "",
+             "urgent": "",
+             "focused": "",
+             "default": ""
+         }
+     },
+    "sway/mode": {
+        "format": "<span style=\"italic\">{}</span>"
+    },
+    "idle_inhibitor": {
+        "format": "{icon}",
+        "format-icons": {
+            "activated": "",
+            "deactivated": ""
+        }
+    },
+    "tray": {
+        "icon-size": 14,
+    },
+    "clock": {
+        // "timezone": "America/Chicago",
+        "format": "{:%H\n%M\n%S}",
+        "interval": 1,
+        "tooltip-format": "{:%m/%d/%y %H:%M:%S}",
+        "format-alt": "{:%m\n%d\n%y}"
+    },
+    "custom/transparent": {
+    },
+    "cpu": {
+        "format": "{usage}% ",
+        "tooltip": false
+    },
+    "memory": {
+        "format": "{}% "
+    },
+    "temperature": {
+        "critical-threshold": 80,
+        "format": "{temperatureC}°C {icon}",
+        "format-icons": [""]
+    },
+    "pulseaudio": {
+        "format": "<span font='18'>{icon}</span>",
+        "format-bluetooth": "{volume}% {icon}",
+        "format-muted": "",
+        "format-icons": {
+            "headphone": "",
+            "default": ["", ""]
+        },
+        "scroll-step": 1,
+        "on-click": "pavucontrol"
+    },
+    "network": {
+        // "interface": "wlp2*", // (Optional) To force the use of this interface
+        "format-wifi": "",
+        "format-ethernet": "{ipaddr}/{cidr} ",
+        "tooltip-format": "{ifname} via {gwaddr} ",
+        "format-linked": "{ifname} (No IP) ",
+        "format-disconnected": "Disconnected ⚠",
+    }
+}
+
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
new file mode 100644
index 0000000..fe60b5f
--- /dev/null
+++ b/.config/waybar/style.css
@@ -0,0 +1,79 @@
+* {
+    font-family: monospace;
+}
+
+window#waybar {
+    background: transparent;
+}
+
+#workspaces {
+    font-size: 24px;
+    margin: 10px 10px 0px 10px;
+    color: white;
+    border-top-right-radius: 5px;
+    border-top-left-radius: 5px;
+    border: 3px solid #29b;
+    background: gray;
+}
+
+#workspaces button {
+    color: white;
+    border-radius: 0px;
+}
+
+#workspaces button.focused {
+    background-color: #29b;
+}
+
+#workspaces button:hover {
+    background-color: #ffffff;
+    /* color: #24283b; */
+    color: gray;
+}
+
+
+/* Top module of section */
+#tray {
+    padding: 5px 0px 5px 0px;
+    margin: 10px 10px 0px 10px;
+    color: white;
+    border: 3px solid #29b;
+    background: gray;
+}
+
+#idle_inhibitor, #network {
+    font-size: 24px;
+}
+
+#pulseaudio {
+    font-size: 12px;
+}
+
+/* Modules in center of section */ 
+#idle_inhibitor, #memory, #cpu, #temperature, #network, #pulseaudio {
+    padding: 1px 0px 1px 0px;
+    margin: 0px 10px 0px 10px;
+    color: white;
+    border-left: 3px solid #29b;
+    border-right: 3px solid #29b;
+    background: gray;
+}
+
+/* Bottom module of section */
+#clock {
+    padding: 5px 0px 5px 0px;
+    margin: 0px 10px 10px 10px;
+    color: white;
+    border: 3px solid #29b;
+    border-bottom-right-radius: 5px;
+    border-bottom-left-radius: 5px;
+    background: #29b;
+}
+
+@keyframes blink {
+    to {
+        background-color: #ffffff;
+        color: black;
+    }
+}
+