themes lol

2026-08-23 17:17:04 -07:00
parent 0a7b5fa00f
commit 6f575d6a23
79 changed files with 13108 additions and 278 deletions
@@ -0,0 +1,136 @@
+import { msg } from "@lingui/core/macro";
+import type { ThemeManifest } from "../types";
+
+/* Viewport gizmo ramps, declared in JS (not theme.css) so Mantine regenerates
+   every derived variant var (-filled, -light rgba, autoContrast picks) from
+   the retuned shades. Shade 6 is the fill in BOTH schemes (primaryShade
+   below) — each shade-6 hand-checked against its autoContrast on-color
+   (white or the custom ink black) for 4.5:1+. */
+const gizmoColors = {
+  // Z-axis blue
+  blue: [
+    "#eaf2ff",
+    "#d2e4fe",
+    "#a8cbfd",
+    "#7aaffa",
+    "#4f92f5",
+    "#2f7cf0",
+    "#1c64d6",
+    "#154fb0",
+    "#103e8a",
+    "#0a2c62",
+  ],
+  // X-axis red
+  red: [
+    "#ffecec",
+    "#ffd2d2",
+    "#ffa8a8",
+    "#fd7c7c",
+    "#f85454",
+    "#ef3535",
+    "#d0231f",
+    "#a91b19",
+    "#821513",
+    "#5c0f0e",
+  ],
+  // Y-axis green
+  green: [
+    "#e7fbf0",
+    "#c9f5da",
+    "#98e8b8",
+    "#64d692",
+    "#38c072",
+    "#1a9e5a",
+    "#0e7d3f",
+    "#0a6432",
+    "#074b26",
+    "#05331a",
+  ],
+  // measurement/annotation yellow
+  yellow: [
+    "#fff8dc",
+    "#ffedad",
+    "#ffdf76",
+    "#ffce46",
+    "#f9bc24",
+    "#daa00e",
+    "#bd870a",
+    "#946909",
+    "#6c4c07",
+    "#463005",
+  ],
+  // rotate-gizmo violet
+  grape: [
+    "#f3edff",
+    "#e2d3fd",
+    "#c8adfa",
+    "#ac85f5",
+    "#9163ec",
+    "#7a47df",
+    "#6535c0",
+    "#522a9c",
+    "#3f2077",
+    "#2c1653",
+  ],
+  // classic viewport selection orange
+  orange: [
+    "#fff1e3",
+    "#ffddb8",
+    "#ffc182",
+    "#ffa350",
+    "#ee8a2c",
+    "#cc6a0f",
+    "#b04f06",
+    "#8f4005",
+    "#6e3104",
+    "#4d2203",
+  ],
+  // magenta gizmo tag
+  pink: [
+    "#ffeef7",
+    "#ffd3ea",
+    "#ffa8d6",
+    "#fd7cc0",
+    "#f552a9",
+    "#db308f",
+    "#c22174",
+    "#9a1a5b",
+    "#731442",
+    "#4d0d2c",
+  ],
+  // chartreuse highlight
+  lime: [
+    "#f6ffe0",
+    "#e8feb0",
+    "#d3f47a",
+    "#bce34a",
+    "#a3ce27",
+    "#8db518",
+    "#7a9c12",
+    "#607b0d",
+    "#475c09",
+    "#2f3d06",
+  ],
+} as const;
+
+const manifest: ThemeManifest = {
+  id: "wireframe",
+  label: msg`Viewport`,
+  colorSchemes: "both",
+  fontLinks: [
+    "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap",
+  ],
+  chromeColors: {
+    light: { base: "#f2f3f5", dimmed: "#dcdfe3" },
+    dark: { base: "#17191c", dimmed: "#0d0e10" },
+  },
+  mantine: {
+    autoContrast: true,
+    luminanceThreshold: 0.25,
+    black: "#15181c",
+    primaryShade: { light: 6, dark: 6 },
+    colors: gizmoColors,
+  },
+};
+
+export default manifest;