Supernova CSS code pipeline#1576
Conversation
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes and found 2 potential issues.
❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.
Reviewed by Cursor Bugbot for commit 6ef0385. Configure here.
|
|
||
| :root { | ||
| /* Default AI button bg */ | ||
| --ds-gradient-ai-background: linear-gradient(135deg, rgba(var(--ds-color-purple-200), 1) 0%, rgba(var(--ds-color-navy-200), 1) 100%); |
There was a problem hiding this comment.
Invalid rgba on hex tokens
High Severity
--ds-gradient-ai-background wraps --ds-color-purple-200 and --ds-color-navy-200 in rgba(..., 1), but those variables resolve to hex colors. Browsers treat that as an invalid color, so the default AI button gradient may not render and related backgrounds can fall back incorrectly.
Reviewed by Cursor Bugbot for commit 6ef0385. Configure here.
| /* Hover/Active AI button border */ | ||
| --ds-gradient-ai-border: linear-gradient(135deg, #3369ff 0%, #994dff 100%); | ||
| /* Used for loading skeleton components */ | ||
| --ds-gradient-loading-skeleton: linear-gradient(90deg, #ffffff 28.85%, #ffffff 100%); |
There was a problem hiding this comment.
Loading skeleton gradient flat
Medium Severity
--ds-gradient-loading-skeleton uses the same #ffffff at both gradient stops (28.85% and 100%), so the gradient has no color transition. Skeleton loaders that rely on this token will not get a visible shimmer or contrast along the gradient axis.
Reviewed by Cursor Bugbot for commit 6ef0385. Configure here.
Codecov Report✅ All modified and coverable lines are covered by tests. 📢 Thoughts on this report? Let us know! |
supernova-io
Bot
changed the title
2 participants
What: Adds a Supernova CSS export pipeline for the 'ui-design-system' repository.
Why: Sets up automated delivery of design tokens from Supernova to the design system via GitHub PR, keeping CSS output in sync with design source of truth without manual intervention.