Skip to content

Commit 8c557a5

Browse files
authored
Merge pull request #2 from jeff-phillips-18/additions
More chart color updates
2 parents c3d982e + a91b90a commit 8c557a5

File tree

1 file changed

+5
-4
lines changed

1 file changed

+5
-4
lines changed

.pf-ai-documentation/charts/README.md

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -110,9 +110,9 @@ Module not found: Can't resolve '@patternfly/react-charts'
110110
```jsx
111111
// ✅ Correct - Use PatternFly color tokens
112112
const chartColors = [
113-
'var(--pf-t--chart--color--blue--300)',
114-
'var(--pf-t--chart--color--green--300)',
115-
'var(--pf-t--chart--color--orange--300)'
113+
'var(--pf-t--chart--color--[color family 1]--300)',
114+
'var(--pf-t--chart--color--[color family 2]--300)',
115+
'var(--pf-t--chart--color--[color family 3]--300)'
116116
];
117117
118118
<ChartDonut data={data} colorScale={chartColors} />
@@ -263,7 +263,8 @@ const LazyChart = lazy(() => import('./HeavyChart'));
263263
## Quick Reference
264264
- **[PatternFly Charts README](https://github.com/patternfly/patternfly-react/tree/main/packages/react-charts#readme)** - Installation and usage
265265
- **[Victory.js Documentation](https://formidable.com/open-source/victory/)** - Chart library documentation
266-
- **[PatternFly Chart Guidelines](https://www.patternfly.org/charts/about)** - Design guidelines
266+
- **[PatternFly Chart Guidelines](https://www.patternfly.org/charts/about-charts)** - Design guidelines
267+
- **[PatternFly Chart Colors](https://www.patternfly.org/charts/colors-for-charts)** - Colors for charts
267268
268269
## Reference Documentation
269270

0 commit comments

Comments
 (0)