Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Align shape library SVG colors with design token palette

Open
#31 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
1/5
Estimated time
Under an hour
Newbie friendliness
55/100
Issue type
Documentation
Clarity
Clearly specified
Activity status
Stale
Domain
documentation

Research direction

Compare the hardcoded colors in the sedan, wheel, and gear shapes in svg-shape-library.txt with the documented palette in svg-diagram-skill.txt. Update those examples so their grays use the specified palette colors, then verify the affected shapes no longer use the listed hardcoded values.

Written by the indexing model from the issue text.

Description

enhancement

Priority: P3 | Source: PR #21 self-review (F7)

Problem

Several SVG shapes in svg-shape-library.txt use hardcoded color values (#444, #ddd, #bbb, #999) that don't match the design token palette documented in svg-diagram-skill.txt (#F1EFE8, #5F5E5A, etc.).

The usage notes say "adapt colors" but the examples should lead by example.

Suggested Fix

Update the hardcoded grays in the sedan, wheel, and gear shapes to use the documented palette colors.

Dominant language
TypeScript
Stars
1.6k
Forks
202
No merged PRs in 30d

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from CopilotKit/OpenGenerativeUI

All issues in CopilotKit/OpenGenerativeUI

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.