purple

widget/workspaces.tsx

@@ -1,6 +1,7 @@
 import { bind } from "astal"
 import { Gdk, Gtk, Widget } from "astal/gtk3"
 import Hyprland from "gi://AstalHyprland"
+import {white, primary} from "./colors"
 
 const hyprland = Hyprland.get_default()
 
@@ -27,8 +28,8 @@ function newWorkspace(ws: number, monitor: number) {
 				}),
 				css: bind(hyprland, "focusedWorkspace").as(fws => {
 					return (fws.id === ws)
-						? "border-color: #00ffaa"
-						: "border-color: #ffffff"
+						? `border-color: ${primary}`
+						: `border-color: ${white}`
 				})
 			}))),
 		]}>