Sway : Add borders.

module/desktop/waybar/config/default.nix

@@ -1,11 +1,14 @@
-{ setting, ... }: {
+{ setting, style, ... }: {
 	text = ''
 		// -*- mode: jsonc -*-
 		{
-			"layer": "top", // Waybar at top layer
-			"position": "top", // Waybar position (top|bottom|left|right)
-			"height": 30, // Waybar height (to be removed for auto height)
-			"spacing": 4, // Gaps between modules (4px)
+			"layer": "top",
+			"position": "top",
+			"height": 30,
+			"spacing": 4,
+			"margin-top": ${toString(style.window.gap)},
+			"margin-left": ${toString(style.window.gap)},
+			"margin-right": ${toString(style.window.gap)},
 			"mode": "dock",
 			// "exclusive": false,
 			"start_hidden": true,
@@ -103,7 +106,8 @@
 				"hwmon-path": "/sys/class/hwmon/hwmon1/temp1_input",
 				"format": "{temperatureC}°C",
 				"on-click": "foot -e bash -c btop",
-				"on-click-right": "powersave toggle"
+				"on-click-right": "powersave toggle",
+				"interval": 1
 			},
 			"custom/powersave": {
 				"exec": "powersave waybar",

module/desktop/waybar/style/Margin.nix

@@ -1,18 +0,0 @@
-{ ... }: {
-	text = ''
-		#window,
-		#workspaces {
-			margin: 0 4px;
-		}
-
-		/* If workspaces is the leftmost module, omit left margin */
-		.modules-left > widget:first-child > #workspaces {
-			margin-left: 0;
-		}
-
-		/* If workspaces is the rightmost module, omit right margin */
-		.modules-right > widget:last-child > #workspaces {
-			margin-right: 0;
-		}
-	'';
-}

module/desktop/waybar/style/Power.nix

@@ -1,33 +0,0 @@
-{ ... }: {
-	text = ''
-		/* Using steps() instead of linear as a timing function to limit cpu usage */
-		#battery.critical:not(.charging) {
-			background-color: #f53c3c;
-			color: #ffffff;
-			animation-name: blink;
-			animation-duration: 0.5s;
-			animation-timing-function: steps(12);
-			animation-iteration-count: infinite;
-			animation-direction: alternate;
-		}
-
-		#power-profiles-daemon {
-			padding-right: 15px;
-		}
-
-		#power-profiles-daemon.performance {
-			background-color: #f53c3c;
-			color: #ffffff;
-		}
-
-		#power-profiles-daemon.balanced {
-			background-color: #2980b9;
-			color: #ffffff;
-		}
-
-		#power-profiles-daemon.power-saver {
-			background-color: #2ecc71;
-			color: #000000;
-		}
-	'';
-}

module/desktop/waybar/style/Tray.nix

@@ -1,12 +0,0 @@
-{ ... }: {
-	text = ''
-		#tray > .passive {
-			-gtk-icon-effect: dim;
-		}
-
-		#tray > .needs-attention {
-			-gtk-icon-effect: highlight;
-			background-color: #eb4d4b;
-		}
-	'';
-}

module/desktop/waybar/style/Window.nix

@@ -2,7 +2,16 @@
 	text = ''
 		window#waybar {
 			background-color: rgba(${style.color.bg-r},${style.color.bg-g},${style.color.bg-b},${toString(style.opacity.desktop)});
-			color: #${style.color.fg.light}
+			color: #${style.color.fg.light};
+			border: ${toString(style.window.border)}px solid rgba(${style.color.border-r},${style.color.border-g},${style.color.border-b},${toString(style.opacity.desktop)});
+		}
+
+		.modules-left > widget:first-child > #workspaces {
+			margin-left: ${toString(style.window.border)}px;
+		}
+
+		.modules-right > widget:last-child > #workspaces {
+			margin-right: ${toString(style.window.border)}px;
 		}
 	'';
 }

module/desktop/waybar/style/Workspace.nix

@@ -2,11 +2,11 @@
 	text = ''
 		#workspaces button {
 			padding: 0 4px;
-			border-top: 2px solid transparent;
+			border-top: ${toString(style.window.border)}px solid transparent;
 		}
 
 		#workspaces button.focused {
-			border-top: 2px solid #${style.color.accent};
+			border-top: ${toString(style.window.border)}px solid #${style.color.accent};
 		}
 	'';
 }

module/sway/module/Style.nix

@@ -1,17 +1,16 @@
 { wallpaper, style, ... }: let
-	accent   = style.color.accent;
-	bg       = style.color.bg.dark;
-	bg_alt   = style.color.bg.regular;
+	alpha  = style.opacity.inactive.hex;
+	accent = style.color.accent  + alpha;
+	bg     = style.color.bg.dark + alpha;
+	border = style.color.border  + alpha;
 	fg     = style.color.fg.light;
-	fg_alt   = style.color.fg.regular;
-	negative = style.color.negative;
 in {
 	text = ''
 		output * bg ${wallpaper.path} fill
-		client.focused          #${accent} #${accent}   #${fg}     #${accent}   #${accent}
-		client.focused_inactive #${bg_alt} #${bg_alt}   #${fg}     #${bg_alt}   #${bg_alt}
-		client.unfocused        #${bg_alt} #${bg_alt}   #${fg_alt} #${bg_alt}   #${bg_alt}
-		client.urgent           #${bg_alt} #${negative} #${fg_alt} #${negative} #${negative}
-		client.placeholder      #${bg}     #${bg}       #${fg}     #${bg}       #${bg}
+		client.focused          "#${accent}" "#${bg}" "#${fg}" "#${accent}" "#${accent}"
+		client.focused_inactive "#${border}" "#${bg}" "#${fg}" "#${border}" "#${border}"
+		client.unfocused        "#${border}" "#${bg}" "#${fg}" "#${border}" "#${border}"
+		client.urgent           "#${border}" "#${bg}" "#${fg}" "#${border}" "#${border}"
+		client.placeholder      "#${bg}"     "#${bg}" "#${fg}" "#${bg}"     "#${bg}"
 	'';
 }

module/sway/module/Tiling.nix

@@ -1,4 +1,4 @@
-{ key, setting, ... }: {
+{ key, style, ... }: {
 	text = ''
 		# Toggle tiling.
 		bindsym $mod+${key.sway.window.floating.toggle} floating toggle
@@ -20,7 +20,7 @@
 		bindsym $mod+${key.sway.window.fullscreen} fullscreen
 
 		# Dim inactive windows.
-		exec $SWAY_IWT_PATH --opacity ${toString(setting.sway.window.opacity.inactive)}
+		exec $SWAY_IWT_PATH --opacity ${toString(style.opacity.inactive.int)}
 
 		# Drag floating windows by holding down $mod and left mouse button.
 		# Resize them with right mouse button + $mod.
@@ -33,7 +33,7 @@
 		bindsym $mod+${key.action.close} kill
 
 		# Add gaps.
-		gaps inner ${toString(setting.sway.window.gap)}
+		gaps inner ${toString(style.window.gap)}
 
 		# Launch everything tiled.
 		# for_window [all] floating disable

module/sway/module/TitleBar.nix

@@ -1,8 +1,10 @@
-{ ... }: {
+{ style, ... }: let
+	borderSize = toString(style.window.border);
+in {
 	text = ''
 		# Disable title bar.
-		default_border none
-		default_floating_border none
+		default_border pixel ${borderSize}
+		default_floating_border pixel ${borderSize}
 		titlebar_padding 1
 		titlebar_border_thickness 0
 	'';

part/Setting.nix

@@ -38,10 +38,6 @@
 			vertical   = 10;
 			horizontal = 10;
 		};
-		window = {
-			gap = 10;
-			opacity.inactive = 0.85;
-		};
 	};
 
 	foot = {

part/Style.nix

@@ -31,19 +31,28 @@ in {
 		accent-b   = config.lib.stylix.colors.base0A-rgb-b;
 		accent-g   = config.lib.stylix.colors.base0A-rgb-g;
 		accent-r   = config.lib.stylix.colors.base0A-rgb-r;
+
 		negative-b = config.lib.stylix.colors.base08-rgb-b;
 		negative-g = config.lib.stylix.colors.base08-rgb-g;
 		negative-r = config.lib.stylix.colors.base08-rgb-r;
+
 		neutral-b  = config.lib.stylix.colors.base0C-rgb-b;
 		neutral-g  = config.lib.stylix.colors.base0C-rgb-g;
 		neutral-r  = config.lib.stylix.colors.base0C-rgb-r;
+
 		positive-b = config.lib.stylix.colors.base0B-rgb-b;
 		positive-g = config.lib.stylix.colors.base0B-rgb-g;
 		positive-r = config.lib.stylix.colors.base0B-rgb-r;
+
 		bg-b = config.lib.stylix.colors.base00-rgb-b;
 		bg-g = config.lib.stylix.colors.base00-rgb-g;
 		bg-r = config.lib.stylix.colors.base00-rgb-r;
 
+		border   = config.lib.stylix.colors.base01;
+		border-b = config.lib.stylix.colors.base01-rgb-b;
+		border-g = config.lib.stylix.colors.base01-rgb-g;
+		border-r = config.lib.stylix.colors.base01-rgb-r;
+
 		fg-b = if forceWhiteText then 255 else config.lib.stylix.colors.base06-rgb-b;
 		fg-g = if forceWhiteText then 255 else config.lib.stylix.colors.base06-rgb-g;
 		fg-r = if forceWhiteText then 255 else config.lib.stylix.colors.base06-rgb-r;
@@ -67,5 +76,14 @@ in {
 		desktop     = config.stylix.opacity.desktop;
 		popup       = config.stylix.opacity.popups;
 		terminal    = config.stylix.opacity.terminal;
+		inactive = {
+			int = 0.85;
+			hex = "D9";
+		};
+	};
+
+	window = {
+		gap    = 8;
+		border = 4;
 	};
 }

part/style/Gruvbox.nix

@@ -20,18 +20,27 @@
 		base0A-rgb-b = "38";
 		base0A-rgb-g = "187";
 		base0A-rgb-r = "184";
+
 		base08-rgb-b = "29";
 		base08-rgb-g = "36";
 		base08-rgb-r = "204";
+
 		base0C-rgb-b = "136";
 		base0C-rgb-g = "133";
 		base0C-rgb-r = "69";
+
 		base0B-rgb-b = "135";
 		base0B-rgb-g = "175";
 		base0B-rgb-r = "135";
+
 		base00-rgb-b = "33";
 		base00-rgb-g = "32";
 		base00-rgb-r = "29";
+
+		base01-rgb-b = "54";
+		base01-rgb-g = "56";
+		base01-rgb-r = "60";
+
 		base06-rgb-b = "199";
 		base06-rgb-g = "241";
 		base06-rgb-r = "251";