Andreas Reinhold / reiniandClaude Opus 5
b48e879254
tests / lint (push) Successful in 1m0s
tests / feature (8.4) (push) Successful in 1m0s
tests / feature (8.5) (push) Successful in 1m1s
tests / browser (safari, webkit) (push) Successful in 1m59s
tests / browser (chrome, chromium) (push) Successful in 1m49s
tests / browser (firefox, firefox) (push) Successful in 1m54s
Colour, shape, type, elevation and motion as tokens and Tailwind utilities; `php artisan material:scheme`, which generates an app's colour roles with Google's material-color-utilities (spec 2025); the theme head script with light, dark and system and its Alpine store; Google Sans Flex; every Material Symbol (4,135, outlined and filled) drawn by <x-icon> without blade-icons; all 35 M3 Expressive shapes, ported from androidx, as <x-shape>; the x-figure directive; the Toasts concern; DesignGuard for applications' tests; and a showcase with every token, both themes side by side and an icon search. Colour utilities are `@theme inline`, so a section with its own data-theme repaints; without it they resolve once on :root. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01V9NnLxnPp8vaaurb3Z1MFy
141 lines
4.9 KiB
JSON
141 lines
4.9 KiB
JSON
{
|
|
"seed": "#6750a4",
|
|
"variant": "tonal-spot",
|
|
"spec": "2025",
|
|
"contrast": 0,
|
|
"light": {
|
|
"background": "#fdf7fe",
|
|
"on-background": "#34313a",
|
|
"surface": "#fdf7fe",
|
|
"surface-dim": "#ded8e4",
|
|
"surface-bright": "#fdf7fe",
|
|
"surface-container-lowest": "#ffffff",
|
|
"surface-container-low": "#f8f1fa",
|
|
"surface-container": "#f2ecf5",
|
|
"surface-container-high": "#ece6f0",
|
|
"surface-container-highest": "#e7e0ec",
|
|
"on-surface": "#34313a",
|
|
"on-surface-variant": "#615d68",
|
|
"outline": "#7d7983",
|
|
"outline-variant": "#b5b0bb",
|
|
"inverse-surface": "#0f0d12",
|
|
"inverse-on-surface": "#a09ba1",
|
|
"primary": "#655789",
|
|
"primary-dim": "#594b7c",
|
|
"on-primary": "#fdf7ff",
|
|
"primary-container": "#d4c3fd",
|
|
"on-primary-container": "#493c6c",
|
|
"primary-fixed": "#d4c3fd",
|
|
"primary-fixed-dim": "#c6b6ee",
|
|
"on-primary-fixed": "#352857",
|
|
"on-primary-fixed-variant": "#524576",
|
|
"inverse-primary": "#d4c3fd",
|
|
"secondary": "#625c71",
|
|
"secondary-dim": "#565065",
|
|
"on-secondary": "#fdf7ff",
|
|
"secondary-container": "#e8def8",
|
|
"on-secondary-container": "#554f63",
|
|
"secondary-fixed": "#e8def8",
|
|
"secondary-fixed-dim": "#dad0ea",
|
|
"on-secondary-fixed": "#423c50",
|
|
"on-secondary-fixed-variant": "#5f586e",
|
|
"tertiary": "#7b5270",
|
|
"tertiary-dim": "#6e4664",
|
|
"on-tertiary": "#fff7f9",
|
|
"tertiary-container": "#f4bfe3",
|
|
"on-tertiary-container": "#5f3956",
|
|
"tertiary-fixed": "#f4bfe3",
|
|
"tertiary-fixed-dim": "#e5b2d5",
|
|
"on-tertiary-fixed": "#4a2642",
|
|
"on-tertiary-fixed-variant": "#694260",
|
|
"error": "#a8364b",
|
|
"error-dim": "#6b0221",
|
|
"on-error": "#fff7f7",
|
|
"error-container": "#f97386",
|
|
"on-error-container": "#6e0523",
|
|
"success": "#006c45",
|
|
"on-success": "#ffffff",
|
|
"success-container": "#86f9bc",
|
|
"on-success-container": "#002112",
|
|
"warning": "#7c5800",
|
|
"on-warning": "#ffffff",
|
|
"warning-container": "#ffdea6",
|
|
"on-warning-container": "#271900",
|
|
"info": "#005ac4",
|
|
"on-info": "#ffffff",
|
|
"info-container": "#d8e2ff",
|
|
"on-info-container": "#001a42",
|
|
"inverse-error": "#f97386",
|
|
"inverse-success": "#69dca1",
|
|
"inverse-warning": "#fdbb28",
|
|
"inverse-info": "#aec6ff"
|
|
},
|
|
"dark": {
|
|
"background": "#0f0d12",
|
|
"on-background": "#eae3ef",
|
|
"surface": "#0f0d12",
|
|
"surface-dim": "#0f0d12",
|
|
"surface-bright": "#2e2b34",
|
|
"surface-container-lowest": "#000000",
|
|
"surface-container-low": "#141218",
|
|
"surface-container": "#1b181f",
|
|
"surface-container-high": "#211e26",
|
|
"surface-container-highest": "#27242d",
|
|
"on-surface": "#eae3ef",
|
|
"on-surface-variant": "#aea9b4",
|
|
"outline": "#78737e",
|
|
"outline-variant": "#4a4650",
|
|
"inverse-surface": "#fdf7fe",
|
|
"inverse-on-surface": "#575459",
|
|
"primary": "#cdc0ec",
|
|
"primary-dim": "#bfb2de",
|
|
"on-primary": "#443a5f",
|
|
"primary-container": "#574d72",
|
|
"on-primary-container": "#e9deff",
|
|
"primary-fixed": "#ded0fe",
|
|
"primary-fixed-dim": "#d0c3ef",
|
|
"on-primary-fixed": "#3c3256",
|
|
"on-primary-fixed-variant": "#594e74",
|
|
"inverse-primary": "#645980",
|
|
"secondary": "#cbc2db",
|
|
"secondary-dim": "#beb5cd",
|
|
"on-secondary": "#433d51",
|
|
"secondary-container": "#3e384c",
|
|
"on-secondary-container": "#c4bbd4",
|
|
"secondary-fixed": "#e8def8",
|
|
"secondary-fixed-dim": "#dad0ea",
|
|
"on-secondary-fixed": "#423c50",
|
|
"on-secondary-fixed-variant": "#5f586e",
|
|
"tertiary": "#ffcfef",
|
|
"tertiary-dim": "#f4bfe3",
|
|
"on-tertiary": "#69415f",
|
|
"tertiary-container": "#f4bfe3",
|
|
"on-tertiary-container": "#5f3956",
|
|
"tertiary-fixed": "#f4bfe3",
|
|
"tertiary-fixed-dim": "#e5b2d5",
|
|
"on-tertiary-fixed": "#4a2642",
|
|
"on-tertiary-fixed-variant": "#694260",
|
|
"error": "#f97386",
|
|
"error-dim": "#c44b5f",
|
|
"on-error": "#490013",
|
|
"error-container": "#871c34",
|
|
"on-error-container": "#ff97a3",
|
|
"success": "#69dca1",
|
|
"on-success": "#003822",
|
|
"success-container": "#005233",
|
|
"on-success-container": "#86f9bc",
|
|
"warning": "#fdbb28",
|
|
"on-warning": "#412d00",
|
|
"warning-container": "#5e4200",
|
|
"on-warning-container": "#ffdea6",
|
|
"info": "#aec6ff",
|
|
"on-info": "#002e6a",
|
|
"info-container": "#004396",
|
|
"on-info-container": "#d8e2ff",
|
|
"inverse-error": "#a8364b",
|
|
"inverse-success": "#006c45",
|
|
"inverse-warning": "#7c5800",
|
|
"inverse-info": "#005ac4"
|
|
}
|
|
}
|