added ironbar and not much else

.config/hypr/rules.conf

@@ -92,7 +92,6 @@ windowrule {
   size = 420 220
 	float = on
 	opaque = on
-	xray = on
   animation = popin 50%
   match:class = ^(otter)$
 }
@@ -121,13 +120,7 @@ layerrule {
   blur = on
   ignore_alpha = 0
   match:namespace = notifications
-}
-
-layerrule {
-  name = layerrule-2
-  blur = on
-  ignore_alpha = 0
-  match:namespace = swaync-notification-window
+	match:namespace = swaync-notification-window
 }
 
 layerrule {
@@ -136,6 +129,13 @@ layerrule {
   match:namespace = logout_dialog
 }
 
+layerrule {
+  name = layerrule-3
+  blur = on
+	ignore_alpha = 0
+  match:namespace = ironbar
+}
+
 layerrule {
   name = layerrule-4
   ignore_alpha = 0

.config/ironbar/config.corn

@@ -0,0 +1,34 @@
+let {
+	$workspaces = { type = "workspaces" name = "workspaces" hidden = [ "special:music" ] }
+
+	$focused = { type = "focused" icon_size = 10 }
+
+	$battery = { type = "battery" show_if = "ls /sys/class/power_supply/ | grep --quiet '^BAT'" }
+	$sys_info = { type = "sys_info" format = ["{cpu_percent}% " "{memory_percent}% "] interval.cpu = 1 }
+	$tray = { type = "tray" }
+	$clock = { type = "clock" format = "%T" name = "clock" }
+
+	$marginlr = 500
+
+	$margin = {
+		top = 2
+		left = $marginlr
+		right = $marginlr
+	}
+
+	$bar = {
+		position = "top"
+		height = 15
+		margin = $margin
+
+		start = [ $sys_info ]
+		center = [ $workspaces ]
+		end = [ $clock ]
+	}
+} in {
+	monitors = {
+		DP-1 = $bar
+		DP-2 = $bar
+		HDMI-A-1 = $bar
+	}
+}

.config/ironbar/style.css

@@ -0,0 +1,65 @@
+@import url('https://cdn.jsdelivr.net/npm/@catppuccin/palette/css/catppuccin.css');
+
+.background {
+	background-color: rgba(var(--ctp-mocha-base-rgb) / 0.4);
+	padding: 2px;
+	border-radius: 10px;
+}
+
+#workspaces {
+	padding: 0.5px 0;
+	margin: 0;
+	border-radius: 5px;
+}
+
+#workspaces button {
+	background-color: rgba(var(--ctp-mocha-surface2-rgb) / 0.2);
+	border-radius: 3px;
+	color: var(--ctp-mocha-subtext1);
+	padding: 0;
+	margin: 0px 1px;
+}
+
+#workspaces .item .icon {
+	padding: 0;
+	margin: 0;
+}
+
+#workspaces button:first-child {
+	border-radius: 5px 3px 3px 5px;
+}
+
+#workspaces button:last-child {
+	border-radius: 3px 5px 5px 3px;
+}
+
+#workspaces button:only-child {
+	border-radius: 4px;
+}
+
+#workspaces button:hover {
+	background-color: rgba(var(--ctp-mocha-lavender-rgb) / 0.2);
+	color: var(--ctp-mocha-base);
+}
+
+#workspaces .item.focused {
+	background-color: var(--ctp-mocha-mauve);
+	color: var(--ctp-mocha-mantle);
+}
+
+#clock {
+	margin: 0;
+	padding: 0 5px;
+	border-radius: 10px;
+	background-color: rgba(var(--ctp-mocha-surface2-rgb) / 0.4);
+	color: var(--ctp-mocha-red);
+}
+
+.sysinfo {
+	color: var(--ctp-mocha-sapphire);
+	background-color: rgba(var(--ctp-mocha-surface2-rgb) / 0.4);
+	padding: 0 15px;
+	border-radius: 10px;
+	margin: 0;
+}
+