Card: default theme to auto and regenerate gallery

Flip the action's `theme` default from `dark` to `auto` so a single SVG
adapts to the viewer's `prefers-color-scheme` instead of always rendering
heavy on light-mode READMEs. Re-render all 10 example SVGs through the
same renderer in auto mode so the gallery stops shipping dark-only
cards. Tighten the main README's card intro so it reads as part of the
doc rather than a "New:" banner.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: braedonsaunders

README.md

@@ -17,16 +17,15 @@
 
 ---
 
-## :sparkles: New: CodeFlow Card — auto-updating repo stats SVG
+## CodeFlow Card
 
-A one-line GitHub Action that drops a self-updating card on your README, recomputed on every merge by the same analyzer as the web app. Five styles, accent presets, opt-in PR receipts, and a privacy mode for public repos.
+A GitHub Action that drops an auto-updating SVG card on your README, recomputed on every merge by the same analyzer as the web app. Five styles, accent presets, opt-in PR receipts, and a privacy mode for public repos. The card adapts to the viewer's light/dark theme automatically.
 
 <p align="center">
-  <img src="./card/examples/compact.svg" alt="compact style" width="100%" />
-  <img src="./card/examples/hero.svg" alt="hero style" width="100%" />
+  <img src="./card/examples/compact.svg" alt="CodeFlow card — compact style" width="100%" />
 </p>
 
-[**See all 10 style variants and full setup** ↓](#card-style-gallery)
+See [card/](./card/) for setup, or jump to the [style gallery](#card-style-gallery) below.
 
 ---
 
@@ -85,7 +84,7 @@ Color files by commit frequency to see which parts of your codebase are most act
 Paste a PR URL to see exactly which files it affects and calculate the blast radius of proposed changes.
 
 ### CodeFlow Card (GitHub Action)
-Auto-updating SVG card on your README — health grade, scale, fragility, hidden costs — recomputed every merge. Optional thermal-receipt PR comments. See [card/](./card/).
+Health grade, scale, fragility, and hidden costs as a self-updating SVG on your README — recomputed every merge, with optional thermal-receipt PR comments. See [card/](./card/).
 
 ### Markdown & Wiki-Link Graph
 Point CodeFlow at an Obsidian vault or any markdown directory to see notes as a connected graph. Both `[[wiki-links]]` and `[text](./relative.md)` links become edges; each note is a `note`-layer node (distinct color) with a `dependencies[]` array in the JSON export.

card/README.md

@@ -27,7 +27,6 @@ jobs:
       - uses: actions/checkout@v4
       - uses: braedonsaunders/codeflow/card@v1
         with:
-          theme: dark
           receipts: false  # set true to post merged-PR comments
 ```
 
@@ -45,7 +44,7 @@ The Action commits the rendered SVG to `.github/codeflow-card.svg` (overwriting
 |---|---|---|
 | `output` | `.github/codeflow-card.svg` | Path to write the card SVG. |
 | `state` | `.github/codeflow-card.json` | Path to the JSON history file (sparklines, deltas). |
-| `theme` | `dark` | `dark` \| `light` \| `auto`. `auto` emits a single SVG that adapts to the viewer's system theme via `prefers-color-scheme`. |
+| `theme` | `auto` | `dark` \| `light` \| `auto`. `auto` emits a single SVG that adapts to the viewer's system theme via `prefers-color-scheme`, so one card looks native on both light and dark READMEs. |
 | `accent` | _(none)_ | Preset (`purple` / `teal` / `cyan` / `green` / `pink` / `blue` / `amber` / `red`) or any CSS color (e.g. `#ff6b6b`). |
 | `style` | `compact` | `compact` \| `row` \| `minimal` \| `hero` \| `detailed`. |
 | `panels` | _(per-style default)_ | `detailed`-only. Comma-separated: `grade`, `scale`, `languages`, `composition`, `top-folders`, `fragility`, `hidden-costs`. |

card/action.yml

@@ -14,9 +14,9 @@ inputs:
     required: false
     default: '.github/codeflow-card.json'
   theme:
-    description: 'Card theme: dark | light | auto. `auto` produces a single SVG that adapts to the viewer''s system theme via `prefers-color-scheme` — one card looks native on light and dark READMEs.'
+    description: 'Card theme: dark | light | auto. `auto` (default) produces a single SVG that adapts to the viewer''s system theme via `prefers-color-scheme` — one card looks native on light and dark READMEs.'
     required: false
-    default: 'dark'
+    default: 'auto'
   accent:
     description: 'Accent color. Either a preset (purple|teal|cyan|green|pink|blue|amber|red) or any CSS color (e.g. #ff6b6b).'
     required: false