Monochrome SwayFX glass rice

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
2026-10-27 23:44:59 +05:00
commit fc4a744e12
17 changed files with 658 additions and 0 deletions
@@ -0,0 +1,44 @@
+{
+    "layer": "top",
+    "position": "top",
+    "height": 34,
+    "margin-top": 8,
+    "margin-left": 10,
+    "margin-right": 10,
+    "spacing": 6,
+    "modules-left": ["sway/workspaces", "sway/mode", "sway/window"],
+    "modules-center": ["clock", "mpris"],
+    "modules-right": ["idle_inhibitor", "sway/language", "temperature", "cpu", "memory", "backlight", "pulseaudio", "network", "battery", "tray", "custom/power"],
+
+    "sway/workspaces": { "disable-scroll": true, "all-outputs": true, "format": "{icon}", "format-icons": {"1": "", "2": "", "3": "", "4": "", "5": "", "urgent": "", "default": ""} },
+    "sway/window": { "max-length": 45, "format": "{title}", "rewrite": { "(.*) — Mozilla Firefox": "  $1", "(.*) - Chromium": "  $1" } },
+    "sway/language": { "format": "  {short}" },
+    "clock": { "format": "  {:%H:%M}", "format-alt": "  {:%A, %d %B %Y}", "tooltip-format": "<tt>{calendar}</tt>" },
+    "mpris": { "format": "{player_icon}  {title}", "format-paused": "  {title}", "player-icons": { "default": "" }, "max-length": 36, "tooltip-format": "{artist} — {title}" },
+    "idle_inhibitor": { "format": "{icon}", "format-icons": { "activated": "", "deactivated": "" }, "tooltip-format-activated": "Idle inhibited", "tooltip-format-deactivated": "Idle allowed" },
+    "temperature": { "critical-threshold": 85, "format": "  {temperatureC}°", "interval": 5 },
+    "cpu": { "format": "  {usage}%", "interval": 3 },
+    "memory": { "format": "  {percentage}%", "interval": 5 },
+    "backlight": { "format": "{icon} {percent}%", "format-icons": ["", ""], "on-scroll-up": "brightnessctl set 5%+", "on-scroll-down": "brightnessctl set 5%-" },
+    "pulseaudio": {
+        "format": "{icon} {volume}%",
+        "format-muted": "  muted",
+        "format-icons": { "default": ["", "", ""] },
+        "on-click": "pavucontrol",
+        "on-click-right": "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle"
+    },
+    "network": {
+        "format-wifi": "  {essid}",
+        "format-ethernet": "  {ipaddr}",
+        "format-disconnected": "  offline",
+        "tooltip-format": "{ifname}  {signalStrength}%"
+    },
+    "battery": {
+        "states": { "warning": 25, "critical": 12 },
+        "format": "{icon} {capacity}%",
+        "format-charging": "  {capacity}%",
+        "format-icons": ["", "", "", "", ""]
+    },
+    "tray": { "spacing": 8 },
+    "custom/power": { "format": "", "tooltip": false, "on-click": "~/.config/rofi/powermenu.sh" }
+}
@@ -0,0 +1,67 @@
+@define-color base     #0c0c0c;
+@define-color surface0 #1c1c1c;
+@define-color surface1 #2e2e2e;
+@define-color text     #e8e8e8;
+@define-color subtext  #8c8c8c;
+@define-color red      #ff5c5c;
+@define-color yellow   #d9c99a;
+
+* {
+    font-family: "JetBrains Mono", "Font Awesome 6 Free";
+    font-size: 13px;
+    border: none;
+    border-radius: 0;
+    min-height: 0;
+}
+
+window#waybar { background: transparent; color: @text; }
+
+/* glass pills: translucent so swayfx blur shows through */
+#workspaces, #window, #clock, #language, #cpu, #memory, #pulseaudio, #network, #battery,
+#tray, #mode, #custom-power, #backlight, #idle_inhibitor, #temperature, #mpris {
+    background: alpha(@base, 0.55);
+    border: 1px solid alpha(@text, 0.08);
+    border-radius: 14px;
+    padding: 0 12px;
+    margin: 0;
+    color: @text;
+    transition: all 0.25s ease;
+}
+
+#workspaces { padding: 0 4px; }
+#workspaces button {
+    color: @subtext;
+    padding: 0 9px;
+    margin: 4px 2px;
+    border-radius: 10px;
+    background: transparent;
+    transition: all 0.25s ease;
+}
+#workspaces button:hover { background: alpha(@text, 0.12); color: @text; box-shadow: none; text-shadow: none; }
+#workspaces button.focused { background: alpha(@text, 0.92); color: @base; padding: 0 16px; box-shadow: 0 0 12px alpha(@text, 0.35); }
+#workspaces button.urgent { background: @red; color: @base; }
+
+#mode { background: @text; color: @base; font-weight: bold; }
+#window { color: @subtext; }
+window#waybar.empty #window { background: transparent; border-color: transparent; }
+#clock { font-weight: bold; padding: 0 16px; }
+#mpris { color: @subtext; }
+
+#cpu:hover, #memory:hover, #pulseaudio:hover, #network:hover, #battery:hover,
+#language:hover, #backlight:hover, #idle_inhibitor:hover, #temperature:hover, #mpris:hover {
+    background: alpha(@text, 0.14);
+    border-color: alpha(@text, 0.25);
+}
+#idle_inhibitor.activated { background: @text; color: @base; }
+#network.disconnected { color: @red; }
+#battery.charging { color: @text; }
+#battery.warning:not(.charging) { color: @yellow; }
+#battery.critical:not(.charging) { color: @red; animation: blink 1s steps(2) infinite; }
+#temperature.critical { color: @red; }
+#custom-power { padding: 0 14px; }
+#custom-power:hover { background: @red; color: @base; border-color: @red; }
+
+@keyframes blink { to { background: alpha(@red, 0.5); } }
+
+tooltip { background: alpha(@base, 0.85); border: 1px solid alpha(@text, 0.12); border-radius: 12px; }
+tooltip label { color: @text; padding: 2px; }