@wendellresearch-ai/benchwarmers 0.2.0 → 0.2.2

package/ui/themes/dark.css

@@ -1,35 +1,35 @@
-/* Rainforest Dark: the rainforest greens on a near-neutral dark ground, tuned the way
-   established dark themes are (Material, GitHub, Notion, VS Code):
-   - no pure black: the page is a soft charcoal;
-   - depth by lighter surfaces, not lines: panels sit a clear step above the
-     page, chips and bands a step above those;
-   - text about 91% white, not pure white; secondary text about 74% (64%,
-     the usual figure, read as too grey here);
-   - greys nearly neutral (a strong tint reads as muddy), the colour kept for
-     the accents, which stay vivid but not neon. */
-:root {
-  --scheme: dark;
-  --ink: #e8ebe6;
-  --ink-2: #d0d5ce;
-  --ink-deep: #0b0d0c;
-  --paper: #191c1a;
-  --paper-2: #232724;
-  --band: #2e332f;
-  --signal: #e0c050;
-  --link: #7cc0f7;
-  --muted: #bcc3b9;
-  --muted-dark: #727a70;
-  --line: #363c38;
-  --line-dark: #2b302c;
-  --brand: #66b84e;
-  --primary: #74c75e;
-  --primary-bright: #93dc80;
-  --primary-deep: #b0e8a3;
-  --sky: #69bdeb;
-  --warn: #e7b25a;
-  --err: #ff8f85;
-  /* Light text on these, unlike on paper. */
-  --on-err: #1b1e1c;
-  --log-ground: #0f1110;
-  --log-ink: #e8ebe6;
-}
+/* Rainforest Dark: the rainforest greens on a near-neutral dark ground, tuned the way
+   established dark themes are (Material, GitHub, Notion, VS Code):
+   - no pure black: the page is a soft charcoal;
+   - depth by lighter surfaces, not lines: panels sit a clear step above the
+     page, chips and bands a step above those;
+   - text about 91% white, not pure white; secondary text about 74% (64%,
+     the usual figure, read as too grey here);
+   - greys nearly neutral (a strong tint reads as muddy), the colour kept for
+     the accents, which stay vivid but not neon. */
+:root {
+  --scheme: dark;
+  --ink: #e8ebe6;
+  --ink-2: #d0d5ce;
+  --ink-deep: #0b0d0c;
+  --paper: #191c1a;
+  --paper-2: #232724;
+  --band: #2e332f;
+  --signal: #e0c050;
+  --link: #7cc0f7;
+  --muted: #bcc3b9;
+  --muted-dark: #727a70;
+  --line: #363c38;
+  --line-dark: #2b302c;
+  --brand: #66b84e;
+  --primary: #74c75e;
+  --primary-bright: #93dc80;
+  --primary-deep: #b0e8a3;
+  --sky: #69bdeb;
+  --warn: #e7b25a;
+  --err: #ff8f85;
+  /* Light text on these, unlike on paper. */
+  --on-err: #1b1e1c;
+  --log-ground: #0f1110;
+  --log-ink: #e8ebe6;
+}

package/ui/themes/hardwood.css

@@ -1,52 +1,52 @@
-/* Hardwood: a basketball gym. The page is a maple court seen from above:
-   boards with staggered joints and grain, and the court painted on them
-   (boundary, half-court line, centre circle, crimson lanes, free-throw
-   circles, three-point arcs, backboards), held still behind the page as it
-   scrolls. Hoosier crimson and cream; scoreboard amber; a crimson court line
-   across the top; the name sits on a crimson team bench. The sidebar and the
-   page's content sit on frosted cream so the court shows without fighting
-   the text. Named for the gym, not a film.
-   Crimson marks the team (button shadows, the bench, the court line, links);
-   OK stays green and errors a burnt orange, so no state reads as the brand.
-   --floor is the page's ground; --floor-ground its darkest board, which the
-   theme check holds the page's text to. */
-:root {
-  --ink: #1a1410;
-  --ink-2: #2b211a;
-  --ink-deep: #120d09;
-  --paper: #f6efe3;
-  --paper-2: #fffaf3;
-  --band: #efe0c4;
-  --signal: #ffb000;
-  --link: #8f0a1a;
-  --muted: #4c4136;
-  --muted-dark: #c4b59c;
-  --line: #e2cba3;
-  --line-dark: #4a3e31;
-  --brand: #990000;
-  --primary: #2f6b34;
-  --primary-bright: #4f9a55;
-  --primary-deep: #1d4a22;
-  --sky: #7fb2de;
-  --warn: #7a4d00;
-  --err: #b0400c;
-  --bench-seat: #990000;
-  --bench-leg: #2b211a;
-  --court-line: #990000;
-  --floor-ground: #e1ba80;
-  --rail: rgb(255 250 243 / .9);
-  --rail-pad: .9rem 1rem;
-  --sheet: rgb(255 250 243 / .9);
-  --glass: blur(5px);
-  /* Every layer is fixed, so the whole floor holds still as the page scrolls.
-     The court starts just under the header (its top sideline 5rem down, its
-     height the window's less 6rem), so the name's bench sits on the
-     sideline; Wendell, the Wendell Research mascot, is at centre court. */
-  --floor:
-    url("/ui/mascot.png") center calc(5rem + (100vh - 6rem) * .4235) / auto calc((100vh - 6rem) * .153) no-repeat fixed,
-    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 940 500'%3E%3Cg fill='%23990000' fill-opacity='.4'%3E%3Crect x='10' y='170' width='190' height='160'/%3E%3Crect x='740' y='170' width='190' height='160'/%3E%3C/g%3E%3Cg fill='none' stroke='%231a1410' stroke-opacity='.55' stroke-width='4'%3E%3Crect x='10' y='10' width='920' height='480'/%3E%3Cpath d='M470 10V190M470 310V490M10 39H160A232 232 0 0 1 160 461H10M930 39H780A232 232 0 0 0 780 461H930M50 220V280M890 220V280'/%3E%3Crect x='10' y='170' width='190' height='160'/%3E%3Crect x='740' y='170' width='190' height='160'/%3E%3Ccircle cx='470' cy='250' r='60'/%3E%3Ccircle cx='200' cy='250' r='60'/%3E%3Ccircle cx='740' cy='250' r='60'/%3E%3Ccircle cx='62' cy='250' r='9'/%3E%3Ccircle cx='878' cy='250' r='9'/%3E%3C/g%3E%3C/svg%3E") center top 5rem / auto calc(100vh - 6rem) no-repeat fixed,
-    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='88'%3E%3Cpath d='M0 0v22M200 22v22M90 44v22M280 66v22' stroke='%23704214' stroke-opacity='.32'/%3E%3C/svg%3E") fixed,
-    repeating-linear-gradient(0deg, rgba(112, 66, 20, .26) 0 1px, transparent 1px 22px) fixed,
-    repeating-linear-gradient(.5deg, transparent 0 5px, rgba(140, 86, 30, .07) 5px 6px, transparent 6px 13px) fixed,
-    repeating-linear-gradient(0deg, #ecce9b 0 22px, #e6c48c 22px 44px, #efd4a5 44px 66px, #e1ba80 66px 88px) fixed;
-}
+/* Hardwood: a basketball gym. The page is a maple court seen from above:
+   boards with staggered joints and grain, and the court painted on them
+   (boundary, half-court line, centre circle, crimson lanes, free-throw
+   circles, three-point arcs, backboards), held still behind the page as it
+   scrolls. Hoosier crimson and cream; scoreboard amber; a crimson court line
+   across the top; the name sits on a crimson team bench. The sidebar and the
+   page's content sit on frosted cream so the court shows without fighting
+   the text. Named for the gym, not a film.
+   Crimson marks the team (button shadows, the bench, the court line, links);
+   OK stays green and errors a burnt orange, so no state reads as the brand.
+   --floor is the page's ground; --floor-ground its darkest board, which the
+   theme check holds the page's text to. */
+:root {
+  --ink: #1a1410;
+  --ink-2: #2b211a;
+  --ink-deep: #120d09;
+  --paper: #f6efe3;
+  --paper-2: #fffaf3;
+  --band: #efe0c4;
+  --signal: #ffb000;
+  --link: #8f0a1a;
+  --muted: #4c4136;
+  --muted-dark: #c4b59c;
+  --line: #e2cba3;
+  --line-dark: #4a3e31;
+  --brand: #990000;
+  --primary: #2f6b34;
+  --primary-bright: #4f9a55;
+  --primary-deep: #1d4a22;
+  --sky: #7fb2de;
+  --warn: #7a4d00;
+  --err: #b0400c;
+  --bench-seat: #990000;
+  --bench-leg: #2b211a;
+  --court-line: #990000;
+  --floor-ground: #e1ba80;
+  --rail: rgb(255 250 243 / .9);
+  --rail-pad: .9rem 1rem;
+  --sheet: rgb(255 250 243 / .9);
+  --glass: blur(5px);
+  /* Every layer is fixed, so the whole floor holds still as the page scrolls.
+     The court starts just under the header (its top sideline 5rem down, its
+     height the window's less 6rem), so the name's bench sits on the
+     sideline; Wendell, the Wendell Research mascot, is at centre court. */
+  --floor:
+    url("/ui/mascot.png") center calc(5rem + (100vh - 6rem) * .4235) / auto calc((100vh - 6rem) * .153) no-repeat fixed,
+    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 940 500'%3E%3Cg fill='%23990000' fill-opacity='.4'%3E%3Crect x='10' y='170' width='190' height='160'/%3E%3Crect x='740' y='170' width='190' height='160'/%3E%3C/g%3E%3Cg fill='none' stroke='%231a1410' stroke-opacity='.55' stroke-width='4'%3E%3Crect x='10' y='10' width='920' height='480'/%3E%3Cpath d='M470 10V190M470 310V490M10 39H160A232 232 0 0 1 160 461H10M930 39H780A232 232 0 0 0 780 461H930M50 220V280M890 220V280'/%3E%3Crect x='10' y='170' width='190' height='160'/%3E%3Crect x='740' y='170' width='190' height='160'/%3E%3Ccircle cx='470' cy='250' r='60'/%3E%3Ccircle cx='200' cy='250' r='60'/%3E%3Ccircle cx='740' cy='250' r='60'/%3E%3Ccircle cx='62' cy='250' r='9'/%3E%3Ccircle cx='878' cy='250' r='9'/%3E%3C/g%3E%3C/svg%3E") center top 5rem / auto calc(100vh - 6rem) no-repeat fixed,
+    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='88'%3E%3Cpath d='M0 0v22M200 22v22M90 44v22M280 66v22' stroke='%23704214' stroke-opacity='.32'/%3E%3C/svg%3E") fixed,
+    repeating-linear-gradient(0deg, rgba(112, 66, 20, .26) 0 1px, transparent 1px 22px) fixed,
+    repeating-linear-gradient(.5deg, transparent 0 5px, rgba(140, 86, 30, .07) 5px 6px, transparent 6px 13px) fixed,
+    repeating-linear-gradient(0deg, #ecce9b 0 22px, #e6c48c 22px 44px, #efd4a5 44px 66px, #e1ba80 66px 88px) fixed;
+}

package/ui/themes/rainforest.css

@@ -1,32 +1,32 @@
-/* Rainforest Light: the Wendell Research palette, and the base theme: it sets
-   every token (faces, measure, radius), and the others lay theirs over it.
-   Copied 2026-10-19 from the AI site's src/styles/global.css (:root, less the
-   grid tokens), which the dashboard used to read live from the sibling repo.
-   Colours only: layout, fonts and components are the same in every theme. */
-:root {
-  --ink: #24331f;
-  --ink-2: #2d3d28;
-  --ink-deep: #121a10;
-  --paper: #faf8f2;
-  --paper-2: #ffffff;
-  --band: #f3ecdc;
-  --signal: #fae66c;
-  --link: #01709c;
-  --muted: #6b685a;
-  --muted-dark: #b5b19f;
-  --line: #e4dfd2;
-  --line-dark: #42523d;
-  --brand: #3e8625;
-  --primary: #327a16;
-  --primary-bright: #63ac4d;
-  --primary-deep: #1b5501;
-  --sky: #69bdeb;
-  /* States the brand has no word for (were in ui/bench.css). */
-  --warn: #7a4d00;
-  --err: #a12b2b;
-  --font-display: 'Chivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
-  --font-mono: 'Chivo Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
-  --measure: 76rem;
-  --gutter: clamp(1rem, 4vw, 2.5rem);
-  --radius: 4px;
-}
+/* Rainforest Light: the Wendell Research palette, and the base theme: it sets
+   every token (faces, measure, radius), and the others lay theirs over it.
+   Copied 2026-10-19 from the AI site's src/styles/global.css (:root, less the
+   grid tokens), which the dashboard used to read live from the sibling repo.
+   Colours only: layout, fonts and components are the same in every theme. */
+:root {
+  --ink: #24331f;
+  --ink-2: #2d3d28;
+  --ink-deep: #121a10;
+  --paper: #faf8f2;
+  --paper-2: #ffffff;
+  --band: #f3ecdc;
+  --signal: #fae66c;
+  --link: #01709c;
+  --muted: #6b685a;
+  --muted-dark: #b5b19f;
+  --line: #e4dfd2;
+  --line-dark: #42523d;
+  --brand: #3e8625;
+  --primary: #327a16;
+  --primary-bright: #63ac4d;
+  --primary-deep: #1b5501;
+  --sky: #69bdeb;
+  /* States the brand has no word for (were in ui/bench.css). */
+  --warn: #7a4d00;
+  --err: #a12b2b;
+  --font-display: 'Chivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
+  --font-mono: 'Chivo Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
+  --measure: 76rem;
+  --gutter: clamp(1rem, 4vw, 2.5rem);
+  --radius: 4px;
+}