Skip to content

docs: add Solid 2.0 logo, chart colour and framework page - #751

Merged
AlexanderKaran merged 1 commit into
e18e:mainfrom
brenelz:docs/solid-2-logo-color
Nov 4, 2026
Merged

AlexanderKaran merged 1 commit into
e18e:mainfrom
brenelz:docs/solid-2-logo-color

Conversation

@brenelz

@brenelz brenelz commented Nov 4, 2026 •

Copy link
Copy Markdown
Contributor

Follow-up to #709, which added Solid 2.0 without docs changes until its first CI run.

Solid 2.0 had no entry in the docs' logo and colour maps. Its Additional frameworks card showed the ◼ placeholder, its chart rows had no logo, and its line in the SSR load charts fell back to the text colour, the same grey as Next.js. The card also linked to /framework/solid/, which returned 404.

Changes:

  • Add framework-logos/solid.svg (the logo from the Solid 2.0 starter template) and map it for the framework card, chart logos.
  • Give Solid 2.0 the line colour #306898, a Solid brand blue. Against the existing eight colours its closest pair is ΔE 12.7 under protan/deutan simulation and ΔE 15.4 under normal vision (Pracht), with 5.9:1 contrast on the light surface and 3.0:1 on the dark one.
  • Add framework/solid.mdx, matching the SolidStart page.
  • Map starter-solid to solid-js so the dependency table shows the npmgraph link.

Solid 2.0 stays out of the Dev Time and Run Time pages because focusedFramework is false, the same as Pracht.

Verification

  • pnpm build:docs, then astro preview, checked in light and dark themes with headless Chrome: the card shows the logo, /framework/solid/ renders its rc.20 results, and every All Results section that lists SolidStart also lists Solid 2.0 with its logo and colour.
  • pnpm --filter @framework-tracker/docs type-check, lint and test pass, and prettier --check packages/docs/src is clean.

Screenshots

Additional frameworks card, light theme:

Before After
Solid 2.0 card with a placeholder square Solid 2.0 card with the Solid logo

All Results, SSR load test P99 latency, dark theme. Before, the Solid 2.0 line uses the same grey as Next.js:

Before After
P99 latency chart with Solid 2.0 in grey P99 latency chart with Solid 2.0 in blue

Checklist

  • If updating UI/UX components ensure you have added screenshots or a gif or video of the changes to the PR description
  • If this is a dependabot PR that bumps a metaframework version, ensure that all package versions in the package match the versions installed by the metaframework version being bumped
  • If this is a dependabot PR that bumps a metaframework version in a starter-* package, ensure that the deps, and file content matches the output of the metaframeworks recommended starter/default project

🤖 Generated with Claude Code

@AlexanderKaran
AlexanderKaran merged commit b6ccf52 into e18e:main Nov 4, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants