Style callouts as cards and stripe table rows#199
Closed
kylemclaren wants to merge 5 commits into
Closed
Conversation
Restyle the Starlight site: violet primary accent (both themes), Mackinac serif headings, Fricolage Grotesque body, Fragment Mono code, lavender-tinted surfaces, underline-free links, and lavender inline-code chips. - custom.css: green -> violet across shadcn + Starlight tokens (both themes), add Mackinac/Fragment Mono @font-face, serif headings, inline-code chip and link styling, violet "New" badge - logo (SiteTitle, assets, 404): green mark -> brand violet (#ad47ff/#c27bff) - Background/Header/404/LifecycleDiagram: green glows/CTA -> violet - keep semantic colors (HTTP GET green, status check/x) unchanged
Callouts (Starlight asides) become soft gradient cards with a hairline ring and a coloured title instead of a left border; note=blue, tip=violet, caution=amber, danger=red, tuned for both themes and WCAG AA. Tables drop the filled header for a bold heading over a rule, with zebra-striped rows. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Contributor
Preview Deployment
Commit: |
Contributor
Lighthouse Results
|
Contributor
E2E Test Results✅ Tests success Ran against: https://pr-199-superfly-sprites-docs.fly.dev |
- Callouts: revert note to violet, move the variant icon to the top-left corner (mask tinted by the accent), matching the reference callouts. - Tables: wrap in a rounded card with a hairline border and soft drop shadow. - 404: replace the terminal layout with a calm centered page — brand logo, an "Error 404" pill, a friendly headline, and links home and to the docs. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
- Callouts: render the label as a bold inline lead-in that flows straight into the message (icon in the gutter), instead of a stacked heading row. - 404: use the cityscape photo as the full-bleed background. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Port the callout anatomy verbatim: exact icons (16px in the top-left with 3.5rem text clearance), exact light palette including alpha-tinted surfaces, weight-500 stretched inline labels, and the underline/link treatment with per-variant decoration colors. The plain violet callout (tip) carries no icon; note is the soft violet card, caution the amber warning, danger the blue important. Dark theme mirrors the same anatomy on our ground. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Collaborator
Author
|
Superseded by a clean branch off main (#200). This branch carried the un-squashed reskin commit as a parent, inflating the diff. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.