Really basic functionality

solid-src/src/index.tsx

@@ -0,0 +1,50 @@
+/* @refresh reload */
+import { render } from "solid-js/web";
+import App from "./App.tsx";
+import "./css/index.css";
+import "./css/Kirigami.css";
+import Neutralino from "@neutralinojs/lib";
+import { clamp } from "./util/math.ts";
+import convert, { type RGB } from "color-convert";
+import { Route, Router } from "@solidjs/router";
+import Settings from "./pages/Settings.tsx";
+
+const root = document.getElementById("root");
+
+Neutralino.init();
+
+if (window.NL_OS === "Linux") {
+    let accentColorResult = await Neutralino.os.execCommand(
+        `busctl --user call org.freedesktop.portal.Desktop /org/freedesktop/portal/desktop org.freedesktop.portal.Settings ReadOne ss "org.freedesktop.appearance" "accent-color"`,
+    );
+
+    let accentColor = accentColorResult.stdOut
+        .substring(8)
+        .split(" ", 3)
+        .map((v) => Math.round(parseFloat(v) * 255)) as RGB;
+
+    let accentHSV = convert.rgb.hsl(accentColor);
+
+    let lighterAccent = accentHSV;
+    lighterAccent[2] = Math.round(clamp(lighterAccent[2] * 1.2, 0, 100));
+
+    document.documentElement.style.setProperty(
+        "--system-accent-color",
+        `rgb(${accentColor[0]}, ${accentColor[1]}, ${accentColor[2]})`,
+    );
+
+    document.documentElement.style.setProperty(
+        "--system-lighter-accent",
+        `hsl(${lighterAccent[0]} ${lighterAccent[1]} ${lighterAccent[2]})`,
+    );
+}
+
+render(
+    () => (
+        <Router>
+            <Route path="/" component={App} />
+            <Route path="/settings" component={Settings} />
+        </Router>
+    ),
+    root!,
+);