-
+
@@ -120,15 +114,6 @@ export default function AppShell({ loaderData }: any) {
Toggle demo mode
-
{provider !== "tailscale" && (
diff --git a/apps/fabro-web/app/lib/graph-theme.ts b/apps/fabro-web/app/lib/graph-theme.ts
index e1edcb94d..66ca86319 100644
--- a/apps/fabro-web/app/lib/graph-theme.ts
+++ b/apps/fabro-web/app/lib/graph-theme.ts
@@ -1,6 +1,4 @@
-import type { Theme } from "./theme";
-
-interface GraphTheme {
+export interface GraphTheme {
fontcolor: string;
edgeColor: string;
nodeFill: string;
@@ -24,7 +22,7 @@ interface GraphTheme {
failedText: string;
}
-const dark: GraphTheme = {
+export const graphTheme: GraphTheme = {
fontcolor: "#5a7a94",
edgeColor: "#2a3f52",
nodeFill: "#1a2b3c",
@@ -47,32 +45,3 @@ const dark: GraphTheme = {
failedBorder: "#f87171",
failedText: "#fca5a5",
};
-
-const light: GraphTheme = {
- fontcolor: "#475569",
- edgeColor: "#cbd5e1",
- nodeFill: "#f1f5f9",
- nodeText: "#1e293b",
- startFill: "#ccfbf1",
- startBorder: "#0d9488",
- startText: "#0d9488",
- gateFill: "#fef3c7",
- gateBorder: "#d97706",
- gateText: "#d97706",
- completedFill: "#d1fae5",
- completedBorder: "#059669",
- completedText: "#059669",
- runningFill: "#ccfbf1",
- runningBorder: "#0d9488",
- runningText: "#0d9488",
- runningPulseFill: "#99f6e4",
- runningPulseStroke: "#0d9488",
- failedFill: "#fef2f2",
- failedBorder: "#dc2626",
- failedText: "#dc2626",
-};
-
-export function getGraphTheme(theme: Theme): GraphTheme {
- return theme === "dark" ? dark : light;
-}
-
diff --git a/apps/fabro-web/app/lib/theme-selection.test.ts b/apps/fabro-web/app/lib/theme-selection.test.ts
deleted file mode 100644
index fad7568cf..000000000
--- a/apps/fabro-web/app/lib/theme-selection.test.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { describe, expect, test } from "bun:test";
-import { buildThemeBootScript, resolveTheme } from "./theme-selection";
-
-describe("resolveTheme", () => {
- test("defaults to dark when no saved theme exists", () => {
- expect(resolveTheme(null)).toBe("dark");
- expect(resolveTheme("system")).toBe("dark");
- });
-
- test("uses the saved theme when it is valid", () => {
- expect(resolveTheme("light")).toBe("light");
- expect(resolveTheme("dark")).toBe("dark");
- });
-});
-
-describe("buildThemeBootScript", () => {
- test("defaults the boot script to dark without using system preference", () => {
- const script = buildThemeBootScript();
-
- expect(script).toContain('localStorage.getItem("fabro-theme")');
- expect(script).toContain('t="dark"');
- expect(script).not.toContain("matchMedia");
- });
-});
diff --git a/apps/fabro-web/app/lib/theme-selection.ts b/apps/fabro-web/app/lib/theme-selection.ts
deleted file mode 100644
index aa4a06013..000000000
--- a/apps/fabro-web/app/lib/theme-selection.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-type Theme = "light" | "dark";
-
-const STORAGE_KEY = "fabro-theme";
-
-function resolveTheme(storedTheme: string | null): Theme {
- return storedTheme === "light" || storedTheme === "dark"
- ? storedTheme
- : "dark";
-}
-
-function buildThemeBootScript(storageKey = STORAGE_KEY) {
- return `(function(){try{var t=localStorage.getItem("${storageKey}");if(t!=="light"&&t!=="dark")t="dark";document.documentElement.classList.add(t)}catch(e){document.documentElement.classList.add("dark")}})()`;
-}
-
-export { STORAGE_KEY, buildThemeBootScript, resolveTheme };
-export type { Theme };
diff --git a/apps/fabro-web/app/lib/theme.tsx b/apps/fabro-web/app/lib/theme.tsx
deleted file mode 100644
index 948340fe9..000000000
--- a/apps/fabro-web/app/lib/theme.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { createContext, useCallback, useContext, useEffect, useState } from "react";
-import { STORAGE_KEY, resolveTheme } from "./theme-selection";
-import type { Theme } from "./theme-selection";
-
-function getInitialTheme(): Theme {
- if (typeof window === "undefined") return "dark";
- return resolveTheme(localStorage.getItem(STORAGE_KEY));
-}
-
-function applyThemeClass(theme: Theme) {
- const root = document.documentElement;
- root.classList.remove("light", "dark");
- root.classList.add(theme);
-}
-
-const ThemeContext = createContext<{
- theme: Theme;
- toggle: () => void;
-}>({ theme: "dark", toggle: () => {} });
-
-export function ThemeProvider({ children }: { children: React.ReactNode }) {
- const [theme, setTheme] = useState