[Bug Fix] Align --chart-1..5 with shadcn neutral theme

Merged
CI
5d ago
+50-50

Related issue

No issue. The /shadcn-audit run on #580 failed the theme check with 10 token diffs.

Description

shadcn's neutral theme (apps/v4/registry/themes.ts, shadcn-ui/ui@96da9cc7) uses a grayscale scale for --chart-1..5, the same in light and dark: 0.87 / 0.556 / 0.439 / 0.371 / 0.269, with zero chroma. RubyUI still shipped the older colored values.

This PR updates those 10 values in:

  • docs/app/assets/stylesheets/application.tailwind.css, the file the audit compares
  • gem/lib/generators/ruby_ui/install/templates/tailwind.css.erb, which the installer writes into user apps
  • the CSS shown on the two installation pages (rails_bundler.rb, rails_importmaps.rb)
  • the neutral theme in docs/lib/theme/c_s_s.rb, used by the Themes page

The colored themes in Theme::CSS (red, blue, etc.) keep their chart values, since shadcn gives each of them its own palette. I left the audit fixture in audit/test/fixtures/ alone because its tests rely on the old values.

There are no screenshots because nothing in the docs renders with these tokens: chart_controller.js reads other theme vars, and no view uses bg-chart-* or similar. Users get the new values in freshly generated tailwind.css files.

Testing instructions

  • cd audit && bundle exec exe/shadcn-audit theme --checkout <this checkout> should print {"status":"pass","diffs":[]}
  • cd gem && bundle exec rake passes (297 runs, standardrb clean)
  • cd docs && bin/rails db:test:prepare test && bundle exec standardrb is left to CI. I couldn't run it locally because nokogiri failed to build in my sandbox.
  • Optional: run the installer on a fresh app and check the generated --chart-* values

šŸ¤– Generated with Claude Code


Summary by cubic

Fixes the shadcn theme audit failure by aligning --chart-1..5 with shadcn's neutral grayscale palette in light and dark modes.

This updates the docs stylesheet, the install generator template, both installation pages, and the neutral theme definition. Colored themes keep their existing chart values.