npm - fractalstyler2 - Versions diffs - 0.7.0 → 0.8.0 - Mend

fractalstyler2 0.7.0 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/README.md +4 -3
package/dist/asset.d.ts +3 -0
package/dist/components/ModeToggle.svelte +53 -0
package/dist/components/ModeToggle.svelte.d.ts +7 -0
package/dist/components/ThemePicker.svelte +175 -0
package/dist/components/ThemePicker.svelte.d.ts +21 -0
package/dist/css/fractalstyler.css +895 -8
package/dist/css/fractalstyler.min.css +2 -2
package/dist/index.d.ts +4 -7
package/dist/index.js +4 -14
package/dist/presets.core.d.ts +34 -4
package/dist/presets.core.js +84 -13
package/dist/presets.svelte.d.ts +19 -4
package/dist/presets.svelte.js +38 -6
package/dist/styles/_00_themes.sass +944 -1
package/dist/styles/_03_containers.sass +15 -0
package/dist/styles/_04_layouts.sass +1 -1
package/dist/themes.d.ts +3 -1
package/dist/themes.js +77 -42
package/dist/version.d.ts +1 -1
package/dist/version.js +1 -1
package/package.json +27 -8
package/plugin.json +1 -1
package/registry.json +296 -0
package/skills/fractal-styler/SKILL.md +9 -1
package/skills/fractal-styler/references/fractals.md +38 -1

package/dist/styles/_00_themes.sass CHANGED Viewed

@@ -1,5 +1,6 @@
 // ============================================================================
-// themes — the L0 contract's values. 41 curated palettes (21 light, 19 dark),
+// themes — the L0 contract's values. 76 curated palettes (38 light, 38 dark),
+// every one paired with its counterpart in the opposite mode,
 // each remapping the same token set defined in _00_tokens.sass.
 //
 // These are plain classes, applied to <html>. setTheme() in presets.core.ts
@@ -1059,3 +1060,945 @@
 	--theme-color-alt: #EC4899
 	--text-inverse: #0F091A
 	--feedback-error: #F43F5E
+// ============================================================================
+// PAIRED COUNTERPARTS (35)
+//
+// Generated by scripts/generate-pairs.mjs from the palette named in each
+// `// twin:` line. The lightness ramp is measured from the three families that
+// were paired by hand — sun, monochrono, dracula — so a counterpart keeps its
+// source palette's hue and chroma and only moves through the ramp.
+//
+// Accents keep their hue. sun and monochrono flip theirs ~180deg by hand; two
+// of three families disagreeing is not a rule, so identity wins over imitation.
+// `pnpm pair` only ADDS counterparts that are missing — it never rewrites an
+// existing block, so hand-edits here are safe. To regenerate one, delete its
+// block and re-run.
+// ============================================================================
+// dark-default — counterpart of theme-light-default
+// twin: theme-light-default
+.theme-dark-default
+	--bg: #141414
+	--bg-surface: #1A1F23
+	--bg-raised: #282828
+	--bg-panel: #070F17
+	--bg-footer: #000510
+	--bg-popover: #2F2F2F
+	--bg-dialog: #2F2F2F
+	--bg-terminal: #1B0059
+	--bg-input: #131313
+	--bg-canvas: #141414
+	--border: #25436A
+	--border-subtle: #152D44
+	--text-primary: #EEF5FF
+	--text-secondary: #A7B0BD
+	--text-muted: #656E7B
+	--state-hover: #17345A
+	--state-hover-subtle: #102334
+	--state-selected: #034684
+	--theme-color: #7BD3AB
+	--theme-color-alt: #66B897
+	--text-inverse: #141414
+	--feedback-error: #EE5248
+// himalaya-dark — counterpart of theme-himalaya-light
+// twin: theme-himalaya-light
+.theme-himalaya-dark
+	--bg: #0E141A
+	--bg-surface: #1E1E1E
+	--bg-raised: #1B2936
+	--bg-panel: #020F21
+	--bg-footer: #00041A
+	--bg-popover: #2F2F2F
+	--bg-dialog: #2F2F2F
+	--bg-terminal: #080033
+	--bg-input: #131313
+	--bg-canvas: #0E141A
+	--border: #1A4371
+	--border-subtle: #172C47
+	--text-primary: #EEF5FF
+	--text-secondary: #A7B0BD
+	--text-muted: #656E7A
+	--state-hover: #1F3551
+	--state-hover-subtle: #152330
+	--state-selected: #1E4875
+	--theme-color: #79B9FF
+	--theme-color-alt: #659DFF
+	--text-inverse: #0E141A
+	--feedback-error: #EB5645
+// editorial-dark — counterpart of theme-editorial-light
+// twin: theme-editorial-light
+.theme-editorial-dark
+	--bg: #17130C
+	--bg-surface: #241D0E
+	--bg-raised: #282828
+	--bg-panel: #170C00
+	--bg-footer: #0E0200
+	--bg-popover: #322F25
+	--bg-dialog: #322F25
+	--bg-terminal: #000301
+	--bg-input: #131313
+	--bg-canvas: #17130C
+	--border: #523F1B
+	--border-subtle: #382908
+	--text-primary: #F6F5F3
+	--text-secondary: #B1AFAB
+	--text-muted: #6F6D68
+	--state-hover: #473100
+	--state-hover-subtle: #2A200B
+	--state-selected: #5D4100
+	--theme-color: #A0CBA5
+	--theme-color-alt: #85B28C
+	--text-inverse: #17130C
+	--feedback-error: #E65C50
+// space-dark — counterpart of theme-space-light
+// twin: theme-space-light
+.theme-space-dark
+	--bg: #0D1612
+	--bg-surface: #0B2419
+	--bg-raised: #282828
+	--bg-panel: #001409
+	--bg-footer: #000B01
+	--bg-popover: #2F2F2F
+	--bg-dialog: #2F2F2F
+	--bg-terminal: #000500
+	--bg-input: #131313
+	--bg-canvas: #0D1612
+	--border: #005133
+	--border-subtle: #023520
+	--text-primary: #E9FAF2
+	--text-secondary: #9FB6AA
+	--text-muted: #5F7369
+	--state-hover: #004026
+	--state-hover-subtle: #052919
+	--state-selected: #005832
+	--theme-color: #81D2A5
+	--theme-color-alt: #74B68E
+	--text-inverse: #0D1612
+	--feedback-error: #EE5248
+// molly-dark — counterpart of theme-molly-light
+// twin: theme-molly-light
+.theme-molly-dark
+	--bg: #0D141D
+	--bg-surface: #0C1F32
+	--bg-raised: #282828
+	--bg-panel: #000E27
+	--bg-footer: #000222
+	--bg-popover: #2F2F2F
+	--bg-dialog: #2F2F2F
+	--bg-terminal: #000019
+	--bg-input: #131313
+	--bg-canvas: #0D141D
+	--border: #15456E
+	--border-subtle: #142D46
+	--text-primary: #E5F7FF
+	--text-secondary: #9CB1D0
+	--text-muted: #5D6F86
+	--state-hover: #153653
+	--state-hover-subtle: #132333
+	--state-selected: #114977
+	--theme-color: #78C7FF
+	--theme-color-alt: #64ACE2
+	--text-inverse: #0D141D
+	--feedback-error: #EB5551
+// malana-dark — counterpart of theme-malana-light
+// twin: theme-malana-light
+.theme-malana-dark
+	--bg: #17130A
+	--bg-surface: #261C08
+	--bg-raised: #282828
+	--bg-panel: #1A0A00
+	--bg-footer: #120000
+	--bg-popover: #322F29
+	--bg-dialog: #322F29
+	--bg-terminal: #040100
+	--bg-input: #131313
+	--bg-canvas: #17130A
+	--border: #573D09
+	--border-subtle: #38280B
+	--text-primary: #FBF3EF
+	--text-secondary: #B9ADA5
+	--text-muted: #766B63
+	--state-hover: #492D01
+	--state-hover-subtle: #2E1E08
+	--state-selected: #633D00
+	--theme-color: #FF9F76
+	--theme-color-alt: #EC845D
+	--text-inverse: #17130A
+	--feedback-error: #EE5248
+// coresync-dark — counterpart of theme-coresync-light
+// twin: theme-coresync-light
+.theme-coresync-dark
+	--bg: #0E1420
+	--bg-surface: #181E28
+	--bg-raised: #282828
+	--bg-panel: #040E20
+	--bg-footer: #00031A
+	--bg-popover: #2F2F2F
+	--bg-dialog: #2F2F2F
+	--bg-terminal: #00000F
+	--bg-input: #131313
+	--bg-canvas: #0E1420
+	--border: #2C4268
+	--border-subtle: #1A2B47
+	--text-primary: #F1F5FF
+	--text-secondary: #AAB0BB
+	--text-muted: #666E7A
+	--state-hover: #1F3358
+	--state-hover-subtle: #112336
+	--state-selected: #27447B
+	--theme-color: #FF9471
+	--theme-color-alt: #F97A58
+	--text-inverse: #0E1420
+	--feedback-error: #EE5248
+// studio-dark — counterpart of theme-studio-light
+// twin: theme-studio-light
+.theme-studio-dark
+	--bg: #181309
+	--bg-surface: #251D09
+	--bg-raised: #2A2721
+	--bg-panel: #170C00
+	--bg-footer: #0E0300
+	--bg-popover: #312F29
+	--bg-dialog: #312F29
+	--bg-terminal: #020200
+	--bg-input: #15120C
+	--bg-canvas: #181309
+	--border: #51401D
+	--border-subtle: #36290D
+	--text-primary: #F6F5F2
+	--text-secondary: #B3AFA9
+	--text-muted: #716D65
+	--state-hover: #41320D
+	--state-hover-subtle: #2A2007
+	--state-selected: #574312
+	--theme-color: #C2BDB7
+	--theme-color-alt: #C19F68
+	--text-inverse: #181309
+	--feedback-error: #DA6850
+// matcha-dark — counterpart of theme-matcha-light
+// twin: theme-matcha-light
+.theme-matcha-dark
+	--bg: #12150D
+	--bg-surface: #1A210C
+	--bg-raised: #282828
+	--bg-panel: #071200
+	--bg-footer: #000800
+	--bg-popover: #2F2F2F
+	--bg-dialog: #2F2F2F
+	--bg-terminal: #000300
+	--bg-input: #131313
+	--bg-canvas: #12150D
+	--border: #2F4D00
+	--border-subtle: #1E3200
+	--text-primary: #F0F8ED
+	--text-secondary: #A9B3A5
+	--text-muted: #667162
+	--state-hover: #253C02
+	--state-hover-subtle: #1A2605
+	--state-selected: #2F5200
+	--theme-color: #A0CF77
+	--theme-color-alt: #8EB26D
+	--text-inverse: #12150D
+	--feedback-error: #EE5248
+// sakura-dark — counterpart of theme-sakura-light
+// twin: theme-sakura-light
+.theme-sakura-dark
+	--bg: #1A1113
+	--bg-surface: #2C171E
+	--bg-raised: #282828
+	--bg-panel: #21020E
+	--bg-footer: #180005
+	--bg-popover: #2F2F2F
+	--bg-dialog: #2F2F2F
+	--bg-terminal: #0A0003
+	--bg-input: #131313
+	--bg-canvas: #1A1113
+	--border: #702042
+	--border-subtle: #48182B
+	--text-primary: #FFEEF6
+	--text-secondary: #C1A7B1
+	--text-muted: #7C6670
+	--state-hover: #551D36
+	--state-hover-subtle: #351524
+	--state-selected: #732649
+	--theme-color: #FF82B7
+	--theme-color-alt: #FC6D98
+	--text-inverse: #1A1113
+	--feedback-error: #F04B60
+// nordic-frost-dark — counterpart of theme-nordic-frost-light
+// twin: theme-nordic-frost-light
+.theme-nordic-frost-dark
+	--bg: #0B1619
+	--bg-surface: #04222A
+	--bg-raised: #282828
+	--bg-panel: #00131E
+	--bg-footer: #000717
+	--bg-popover: #2F2F2F
+	--bg-dialog: #2F2F2F
+	--bg-terminal: #000111
+	--bg-input: #131313
+	--bg-canvas: #0B1619
+	--border: #004C65
+	--border-subtle: #003243
+	--text-primary: #E9F8FF
+	--text-secondary: #9DB3BF
+	--text-muted: #5D717B
+	--state-hover: #003C52
+	--state-hover-subtle: #002633
+	--state-selected: #00506E
+	--theme-color: #78C7FF
+	--theme-color-alt: #64ACE2
+	--text-inverse: #0B1619
+	--feedback-error: #F04B60
+// desert-dune-dark — counterpart of theme-desert-dune-light
+// twin: theme-desert-dune-light
+.theme-desert-dune-dark
+	--bg: #181309
+	--bg-surface: #261D05
+	--bg-raised: #282828
+	--bg-panel: #1A0B00
+	--bg-footer: #110100
+	--bg-popover: #312F29
+	--bg-dialog: #312F29
+	--bg-terminal: #050100
+	--bg-input: #131313
+	--bg-canvas: #181309
+	--border: #583D00
+	--border-subtle: #392803
+	--text-primary: #FBF4EC
+	--text-secondary: #BAAD9F
+	--text-muted: #776B5D
+	--state-hover: #472F00
+	--state-hover-subtle: #2E1E00
+	--state-selected: #603F00
+	--theme-color: #F5AB6F
+	--theme-color-alt: #E68A56
+	--text-inverse: #181309
+	--feedback-error: #EE5248
+// lavender-mist-dark — counterpart of theme-lavender-mist-light
+// twin: theme-lavender-mist-light
+.theme-lavender-mist-dark
+	--bg: #151219
+	--bg-surface: #22192D
+	--bg-raised: #282828
+	--bg-panel: #150424
+	--bg-footer: #0D0021
+	--bg-popover: #2F2F2F
+	--bg-dialog: #2F2F2F
+	--bg-terminal: #060014
+	--bg-input: #131313
+	--bg-canvas: #151219
+	--border: #532B76
+	--border-subtle: #361E4C
+	--text-primary: #F8F1FF
+	--text-secondary: #B5A9C8
+	--text-muted: #736783
+	--state-hover: #42215F
+	--state-hover-subtle: #291935
+	--state-selected: #5A2883
+	--theme-color: #C69BFF
+	--theme-color-alt: #AC82FF
+	--text-inverse: #151219
+	--feedback-error: #F04B60
+// botanical-dark — counterpart of theme-botanical-light
+// twin: theme-botanical-light
+.theme-botanical-dark
+	--bg: #11150F
+	--bg-surface: #162210
+	--bg-raised: #282828
+	--bg-panel: #031300
+	--bg-footer: #000900
+	--bg-popover: #2F2F2F
+	--bg-dialog: #2F2F2F
+	--bg-terminal: #000400
+	--bg-input: #131313
+	--bg-canvas: #11150F
+	--border: #254E11
+	--border-subtle: #1A330E
+	--text-primary: #EDF9EE
+	--text-secondary: #A5B4A6
+	--text-muted: #647264
+	--state-hover: #1C3E06
+	--state-hover-subtle: #17270E
+	--state-selected: #265305
+	--theme-color: #80D492
+	--theme-color-alt: #67BA7B
+	--text-inverse: #11150F
+	--feedback-error: #EE5248
+// clay-studio-dark — counterpart of theme-clay-studio-light
+// twin: theme-clay-studio-light
+.theme-clay-studio-dark
+	--bg: #19120C
+	--bg-surface: #2A1A09
+	--bg-raised: #282828
+	--bg-panel: #1E0700
+	--bg-footer: #160000
+	--bg-popover: #342E29
+	--bg-dialog: #342E29
+	--bg-terminal: #0A0000
+	--bg-input: #131313
+	--bg-canvas: #19120C
+	--border: #61370A
+	--border-subtle: #3F2407
+	--text-primary: #FFF2EB
+	--text-secondary: #BFABA2
+	--text-muted: #7B6961
+	--state-hover: #4D2A06
+	--state-hover-subtle: #311C08
+	--state-selected: #693805
+	--theme-color: #FFA36F
+	--theme-color-alt: #DE8E67
+	--text-inverse: #19120C
+	--feedback-error: #E55D52
+// solaris-dark — counterpart of theme-solaris-light
+// twin: theme-solaris-light
+.theme-solaris-dark
+	--bg: #16140C
+	--bg-surface: #261D00
+	--bg-raised: #282828
+	--bg-panel: #1C0900
+	--bg-footer: #150000
+	--bg-popover: #2F2F2F
+	--bg-dialog: #2F2F2F
+	--bg-terminal: #050100
+	--bg-input: #131313
+	--bg-canvas: #16140C
+	--border: #5F3A00
+	--border-subtle: #3D2700
+	--text-primary: #FCF4E3
+	--text-secondary: #BDAE8F
+	--text-muted: #7B6B49
+	--state-hover: #4B2E00
+	--state-hover-subtle: #2D2000
+	--state-selected: #653E00
+	--theme-color: #F6AB6D
+	--theme-color-alt: #E68A56
+	--text-inverse: #16140C
+	--feedback-error: #EE5248
+// cyberpunk-day-dark — counterpart of theme-cyberpunk-day-light
+// twin: theme-cyberpunk-day-light
+.theme-cyberpunk-day-dark
+	--bg: #131410
+	--bg-surface: #1E200A
+	--bg-raised: #282828
+	--bg-panel: #0F1000
+	--bg-footer: #070500
+	--bg-popover: #2F2F2F
+	--bg-dialog: #2F2F2F
+	--bg-terminal: #02000E
+	--bg-input: #131313
+	--bg-canvas: #131410
+	--border: #414900
+	--border-subtle: #2B3000
+	--text-primary: #F4F2FF
+	--text-secondary: #B0ABCB
+	--text-muted: #6F6984
+	--state-hover: #333A00
+	--state-hover-subtle: #222500
+	--state-selected: #434F00
+	--theme-color: #FF7E8D
+	--theme-color-alt: #5FB1CD
+	--text-inverse: #131410
+	--feedback-error: #F04B60
+// copper-patina-dark — counterpart of theme-copper-patina-light
+// twin: theme-copper-patina-light
+.theme-copper-patina-dark
+	--bg: #0B1614
+	--bg-surface: #05241E
+	--bg-raised: #282828
+	--bg-panel: #00160E
+	--bg-footer: #000B06
+	--bg-popover: #2F2F2F
+	--bg-dialog: #2F2F2F
+	--bg-terminal: #000403
+	--bg-input: #131313
+	--bg-canvas: #0B1614
+	--border: #005243
+	--border-subtle: #00362C
+	--text-primary: #E9F9F6
+	--text-secondary: #9DB6B1
+	--text-muted: #5C736F
+	--state-hover: #004135
+	--state-hover-subtle: #002922
+	--state-selected: #005747
+	--theme-color: #7DCFC4
+	--theme-color-alt: #68B5AC
+	--text-inverse: #0B1614
+	--feedback-error: #EE5248
+// lagoona-light — counterpart of theme-lagoona-dark
+// twin: theme-lagoona-dark
+.theme-lagoona-light
+	--bg: #F4F7FD
+	--bg-surface: #E9EDF6
+	--bg-raised: #F8FDFF
+	--bg-panel: #DCDFE9
+	--bg-footer: #D0D2D8
+	--bg-popover: #F6FCFF
+	--bg-dialog: #F6FCFF
+	--bg-terminal: #1E1F22
+	--bg-input: #FAFDFF
+	--bg-canvas: #F4F7FD
+	--border: #C1C9DA
+	--border-subtle: #D7DCEA
+	--text-primary: #1B1D1F
+	--text-secondary: #4A545F
+	--text-muted: #7F8A97
+	--state-hover: #CED6E6
+	--state-hover-subtle: #E4E9F6
+	--state-selected: #B6C0D3
+	--theme-color: #006EA4
+	--theme-color-alt: #006FAF
+	--text-inverse: #FFFFFF
+	--feedback-error: #BF3D43
+// frozen-light — counterpart of theme-frozen-dark
+// twin: theme-frozen-dark
+.theme-frozen-light
+	--bg: #F4F7FD
+	--bg-surface: #E9EDF5
+	--bg-raised: #F7FEFF
+	--bg-panel: #DCE0E6
+	--bg-footer: #D0D3D7
+	--bg-popover: #F5FCFF
+	--bg-dialog: #F5FCFF
+	--bg-terminal: #1E1F22
+	--bg-input: #FAFDFF
+	--bg-canvas: #F4F7FD
+	--border: #C1C9D8
+	--border-subtle: #D6DDE8
+	--text-primary: #1C1D1F
+	--text-secondary: #4E535A
+	--text-muted: #828A95
+	--state-hover: #CED6E4
+	--state-hover-subtle: #E3EAF5
+	--state-selected: #B6C0D1
+	--theme-color: #546C3E
+	--theme-color-alt: #446F6E
+	--text-inverse: #FFFFFF
+	--feedback-error: #AC505A
+// night-light — counterpart of theme-night-dark
+// twin: theme-night-dark
+.theme-night-light
+	--bg: #F5F6FE
+	--bg-surface: #EBECF6
+	--bg-raised: #FAFDFF
+	--bg-panel: #DEDFE8
+	--bg-footer: #D1D2D8
+	--bg-popover: #F8FBFF
+	--bg-dialog: #F8FBFF
+	--bg-terminal: #1E1F23
+	--bg-input: #FBFDFF
+	--bg-canvas: #F5F6FE
+	--border: #C5C8DA
+	--border-subtle: #D9DBEA
+	--text-primary: #181C2D
+	--text-secondary: #4D5166
+	--text-muted: #84889C
+	--state-hover: #D2D5E7
+	--state-hover-subtle: #E6E8F7
+	--state-selected: #BABED5
+	--theme-color: #477200
+	--theme-color-alt: #3F62B1
+	--text-inverse: #FFFFFF
+	--feedback-error: #BB3F5C
+// inkworm-light — counterpart of theme-inkworm-dark
+// twin: theme-inkworm-dark
+.theme-inkworm-light
+	--bg: #FAF6F2
+	--bg-surface: #F1ECE6
+	--bg-raised: #FFFCF5
+	--bg-panel: #E3DFD9
+	--bg-footer: #D6D2CE
+	--bg-popover: #FFFAF1
+	--bg-dialog: #FFFAF1
+	--bg-terminal: #211F1C
+	--bg-input: #FFFCF6
+	--bg-canvas: #FAF6F2
+	--border: #D1C7BD
+	--border-subtle: #E2DBD2
+	--text-primary: #1F1D19
+	--text-secondary: #57524A
+	--text-muted: #8D8881
+	--state-hover: #DED4C9
+	--state-hover-subtle: #F0E8E1
+	--state-selected: #CABDB0
+	--theme-color: #9D4800
+	--theme-color-alt: #B53200
+	--text-inverse: #FFFFFF
+	--feedback-error: #CF1E29
+// fouram-light — counterpart of theme-fouram-dark
+// twin: theme-fouram-dark
+.theme-fouram-light
+	--bg: #F4F7FD
+	--bg-surface: #E9EDF7
+	--bg-raised: #F8FDFF
+	--bg-panel: #DDDFE8
+	--bg-footer: #D0D2D7
+	--bg-popover: #F5FCFF
+	--bg-dialog: #F5FCFF
+	--bg-terminal: #1E1F22
+	--bg-input: #FAFDFF
+	--bg-canvas: #F4F7FD
+	--border: #C0C9DE
+	--border-subtle: #D6DCEC
+	--text-primary: #1C1D1F
+	--text-secondary: #4B5265
+	--text-muted: #8089A0
+	--state-hover: #CED6E9
+	--state-hover-subtle: #E4E9F7
+	--state-selected: #B5BFD8
+	--theme-color: #BB0060
+	--theme-color-alt: #007F4B
+	--text-inverse: #FFFFFF
+	--feedback-error: #CF1E29
+// wintercame-light — counterpart of theme-wintercame-dark
+// twin: theme-wintercame-dark
+.theme-wintercame-light
+	--bg: #F6F6F9
+	--bg-surface: #ECECF2
+	--bg-raised: #FCFCFF
+	--bg-panel: #DFDFE5
+	--bg-footer: #D2D2D5
+	--bg-popover: #FAFAFF
+	--bg-dialog: #FAFAFF
+	--bg-terminal: #1F1F21
+	--bg-input: #FDFDFF
+	--bg-canvas: #F6F6F9
+	--border: #C7C7D9
+	--border-subtle: #DBDBE8
+	--text-primary: #1D1D1E
+	--text-secondary: #52525A
+	--text-muted: #888891
+	--state-hover: #D3D4EA
+	--state-hover-subtle: #E8E8F6
+	--state-selected: #BCBCD8
+	--theme-color: #B91C00
+	--theme-color-alt: #9D4F00
+	--text-inverse: #FFFFFF
+	--feedback-error: #DA0008
+// console-light — counterpart of theme-console-dark
+// twin: theme-console-dark
+.theme-console-light
+	--bg: #F3F8F4
+	--bg-surface: #E8EFE9
+	--bg-raised: #F6FFF8
+	--bg-panel: #DBE1DC
+	--bg-footer: #D0D4D1
+	--bg-popover: #F3FFF6
+	--bg-dialog: #F3FFF6
+	--bg-terminal: #1E201E
+	--bg-input: #F9FFFA
+	--bg-canvas: #F3F8F4
+	--border: #BDCEC2
+	--border-subtle: #D4E0D7
+	--text-primary: #162019
+	--text-secondary: #435947
+	--text-muted: #7B8F7E
+	--state-hover: #CADBCE
+	--state-hover-subtle: #E1EDE4
+	--state-selected: #B0C6B5
+	--theme-color: #007C49
+	--theme-color-alt: #007F4C
+	--text-inverse: #FFFFFF
+	--feedback-error: #CF1E29
+// catppuccin-latte — counterpart of theme-catppuccin-mocha
+// twin: theme-catppuccin-mocha
+.theme-catppuccin-latte
+	--bg: #F5F6FF
+	--bg-surface: #EBECF8
+	--bg-raised: #FBFCFF
+	--bg-panel: #DEDFE8
+	--bg-footer: #D1D2D9
+	--bg-popover: #FAFBFF
+	--bg-dialog: #FAFBFF
+	--bg-terminal: #1F1F24
+	--bg-input: #FCFDFF
+	--bg-canvas: #F5F6FF
+	--border: #C7C8D3
+	--border-subtle: #DADBE7
+	--text-primary: #191C28
+	--text-secondary: #4F525F
+	--text-muted: #868895
+	--state-hover: #D3D5E3
+	--state-hover-subtle: #E7E8F4
+	--state-selected: #BCBECD
+	--theme-color: #734F99
+	--theme-color-alt: #3E65A5
+	--text-inverse: #FFFFFF
+	--feedback-error: #AD4C6A
+// nord-light — counterpart of theme-nord-dark
+// twin: theme-nord-dark
+.theme-nord-light
+	--bg: #F3F7FF
+	--bg-surface: #E8EDF8
+	--bg-raised: #F8FEFF
+	--bg-panel: #DCE0E7
+	--bg-footer: #D0D3D8
+	--bg-popover: #F6FCFF
+	--bg-dialog: #F6FCFF
+	--bg-terminal: #1D1F24
+	--bg-input: #FAFDFF
+	--bg-canvas: #F3F7FF
+	--border: #C3C9D6
+	--border-subtle: #D8DCE7
+	--text-primary: #1C1D1F
+	--text-secondary: #505358
+	--text-muted: #818A99
+	--state-hover: #D0D6E3
+	--state-hover-subtle: #E5EAF4
+	--state-selected: #B8C0CE
+	--theme-color: #356C7B
+	--theme-color-alt: #4B6987
+	--text-inverse: #FFFFFF
+	--feedback-error: #AC505A
+// gruvbox-light — counterpart of theme-gruvbox-dark
+// twin: theme-gruvbox-dark
+.theme-gruvbox-light
+	--bg: #F7F7F7
+	--bg-surface: #F1EBE9
+	--bg-raised: #FFFBF5
+	--bg-panel: #D8E1E4
+	--bg-footer: #CDD4D7
+	--bg-popover: #FFF9F4
+	--bg-dialog: #FFF9F4
+	--bg-terminal: #1A2123
+	--bg-input: #F6FFFF
+	--bg-canvas: #F7F7F7
+	--border: #D7C5BA
+	--border-subtle: #E5DAD4
+	--text-primary: #231C0B
+	--text-secondary: #5A5241
+	--text-muted: #90887F
+	--state-hover: #E2D2C8
+	--state-hover-subtle: #EEE8E5
+	--state-selected: #CFBBAC
+	--theme-color: #AD3500
+	--theme-color-alt: #915900
+	--text-inverse: #FFFFFF
+	--feedback-error: #D31601
+// onelight-pro — counterpart of theme-onedark-pro
+// twin: theme-onedark-pro
+.theme-onelight-pro
+	--bg: #F3F7FE
+	--bg-surface: #E9EDF5
+	--bg-raised: #F8FDFF
+	--bg-panel: #DDDFE6
+	--bg-footer: #D0D2D8
+	--bg-popover: #F7FCFF
+	--bg-dialog: #F7FCFF
+	--bg-terminal: #1E1F24
+	--bg-input: #FBFDFF
+	--bg-canvas: #F3F7FE
+	--border: #C3C9D5
+	--border-subtle: #D7DCE7
+	--text-primary: #1A1D22
+	--text-secondary: #4F5259
+	--text-muted: #858992
+	--state-hover: #D0D6E3
+	--state-hover-subtle: #E5EAF2
+	--state-selected: #B8BFCF
+	--theme-color: #0E68A3
+	--theme-color-alt: #4C732B
+	--text-inverse: #FFFFFF
+	--feedback-error: #B64752
+// rose-pine-light — counterpart of theme-rose-pine-dark
+// twin: theme-rose-pine-dark
+.theme-rose-pine-light
+	--bg: #F6F6FE
+	--bg-surface: #ECEBF6
+	--bg-raised: #FDFCFF
+	--bg-panel: #DFDEE7
+	--bg-footer: #D3D1D8
+	--bg-popover: #FBFAFF
+	--bg-dialog: #FBFAFF
+	--bg-terminal: #1F1E25
+	--bg-input: #FDFCFF
+	--bg-canvas: #F6F6FE
+	--border: #C9C7D3
+	--border-subtle: #DCDBE9
+	--text-primary: #1D1C24
+	--text-secondary: #52505F
+	--text-muted: #898797
+	--state-hover: #D5D4E2
+	--state-hover-subtle: #E9E8F3
+	--state-selected: #BEBDCD
+	--theme-color: #A73058
+	--theme-color-alt: #15708F
+	--text-inverse: #FFFFFF
+	--feedback-error: #B84167
+// midnight-emerald-light — counterpart of theme-midnight-emerald-dark
+// twin: theme-midnight-emerald-dark
+.theme-midnight-emerald-light
+	--bg: #F1F9F5
+	--bg-surface: #E5F0EA
+	--bg-raised: #F3FFF9
+	--bg-panel: #D9E2DD
+	--bg-footer: #CED4D2
+	--bg-popover: #F2FFF8
+	--bg-dialog: #F2FFF8
+	--bg-terminal: #1C201F
+	--bg-input: #F6FFFB
+	--bg-canvas: #F1F9F5
+	--border: #BBCFC3
+	--border-subtle: #D3E0D9
+	--text-primary: #161F1B
+	--text-secondary: #3E594D
+	--text-muted: #769083
+	--state-hover: #CADBD1
+	--state-hover-subtle: #E2EDE6
+	--state-selected: #B1C5B9
+	--theme-color: #007C49
+	--theme-color-alt: #007F4C
+	--text-inverse: #FFFFFF
+	--feedback-error: #BF3D43
+// obsidian-crimson-light — counterpart of theme-obsidian-crimson-dark
+// twin: theme-obsidian-crimson-dark
+.theme-obsidian-crimson-light
+	--bg: #FCF4F6
+	--bg-surface: #F4EAEC
+	--bg-raised: #FFF9FE
+	--bg-panel: #E7DDE0
+	--bg-footer: #D7D0D3
+	--bg-popover: #FFF7FC
+	--bg-dialog: #FFF7FC
+	--bg-terminal: #231E20
+	--bg-input: #FFFAFD
+	--bg-canvas: #FCF4F6
+	--border: #DCC1C9
+	--border-subtle: #EAD6DC
+	--text-primary: #221A1C
+	--text-secondary: #694850
+	--text-muted: #A17E87
+	--state-hover: #E4D0D7
+	--state-hover-subtle: #F1E6E9
+	--state-selected: #D1B7C0
+	--theme-color: #BC003D
+	--theme-color-alt: #B12C49
+	--text-inverse: #FFFFFF
+	--feedback-error: #D01248
+// synthwave-light — counterpart of theme-synthwave-dark
+// twin: theme-synthwave-dark
+.theme-synthwave-light
+	--bg: #F8F4FF
+	--bg-surface: #EEE9FE
+	--bg-raised: #FFF9FF
+	--bg-panel: #E1DDEE
+	--bg-footer: #D4D0DC
+	--bg-popover: #FEF7FF
+	--bg-dialog: #FEF7FF
+	--bg-terminal: #201E26
+	--bg-input: #FFFAFF
+	--bg-canvas: #F8F4FF
+	--border: #CDC2E7
+	--border-subtle: #DED8F2
+	--text-primary: #1F1C20
+	--text-secondary: #5D496E
+	--text-muted: #927FAC
+	--state-hover: #D8D1F0
+	--state-hover-subtle: #EBE6FA
+	--state-selected: #C2B9E0
+	--theme-color: #C40057
+	--theme-color-alt: #007C8B
+	--text-inverse: #FFFFFF
+	--feedback-error: #D60065
+// deep-ocean-light — counterpart of theme-deep-ocean-dark
+// twin: theme-deep-ocean-dark
+.theme-deep-ocean-light
+	--bg: #F1F8FE
+	--bg-surface: #E6EEF6
+	--bg-raised: #F4FFFF
+	--bg-panel: #D9E1E8
+	--bg-footer: #CFD3D7
+	--bg-popover: #F2FDFF
+	--bg-dialog: #F2FDFF
+	--bg-terminal: #1D2022
+	--bg-input: #F7FEFF
+	--bg-canvas: #F1F8FE
+	--border: #BBCBDB
+	--border-subtle: #D2DEEA
+	--text-primary: #161E22
+	--text-secondary: #3A5766
+	--text-muted: #738D9D
+	--state-hover: #CAD8E6
+	--state-hover-subtle: #E2EBF3
+	--state-selected: #B0C2D4
+	--theme-color: #007790
+	--theme-color-alt: #0071A7
+	--text-inverse: #FFFFFF
+	--feedback-error: #BF3D43
+// amethyst-void-light — counterpart of theme-amethyst-void-dark
+// twin: theme-amethyst-void-dark
+.theme-amethyst-void-light
+	--bg: #F8F5FF
+	--bg-surface: #EEEAF9
+	--bg-raised: #FFFAFF
+	--bg-panel: #E1DDEA
+	--bg-footer: #D4D1D8
+	--bg-popover: #FDF8FF
+	--bg-dialog: #FDF8FF
+	--bg-terminal: #201E23
+	--bg-input: #FFFBFF
+	--bg-canvas: #F8F5FF
+	--border: #CBC4E2
+	--border-subtle: #DED9ED
+	--text-primary: #1F1B21
+	--text-secondary: #5A4A6C
+	--text-muted: #9181A5
+	--state-hover: #D8D1EB
+	--state-hover-subtle: #EBE7F6
+	--state-selected: #C2BADA
+	--theme-color: #8225CB
+	--theme-color-alt: #B8006E
+	--text-inverse: #FFFFFF
+	--feedback-error: #D10D43
+// ============================================================================
+// PAIRED COUNTERPARTS (0)
+//
+// Generated by scripts/generate-pairs.mjs from the palette named in each
+// `// twin:` line. The lightness ramp is measured from the three families that
+// were paired by hand — sun, monochrono, dracula — so a counterpart keeps its
+// source palette's hue and chroma and only moves through the ramp.
+//
+// Accents keep their hue. sun and monochrono flip theirs ~180deg by hand; two
+// of three families disagreeing is not a rule, so identity wins over imitation.
+// `pnpm pair` only ADDS counterparts that are missing — it never rewrites an
+// existing block, so hand-edits here are safe. To regenerate one, delete its
+// block and re-run.
+// ============================================================================