hackforla / hackforla/tdm-calculator

Design System and Site Audit: Remove Warning Color

Open
#2,145 1 comment 0 reactions 0 assignees View on GitHub
deck: staging not for stakeholder feature: UI Cleanup & Documentation level: easy Participant type: Admin priority: Could Have role: ui/ux design size: 2pt
Dominant language
JavaScript
Stars
68
Forks
47
Avg merge
3d 9h
Merged PRs (30d)
25

Description

### Overview
We need to remove the warning color `#C35302` from our design system and do an audit of the dev site to make sure it's not showing up anywhere.

### Details
Our standard color for warning icons and buttons is `#C3391D`.

### Action Items
- [ ] Remove `#C35302`from the design system
- [ ] Do an audit of the dev site to make sure this color doesn't show up anywhere
- [ ] Review with product and dev. Update if needed based on feedback
- [ ] [Update the style guide presentation ](https://docs.google.com/presentation/d/1I4q35NL2WW2RpksIyawhHCd8qJnrjme1ZDNIBxu24hQ/edit#slide=id.g2a6d1bfeb46_0_103)

### Resources/Instructions
- [Figma](https://www.figma.com/design/nD9QK56Mzq7xNSaSUoeGx0/TDM-Calculator?node-id=3337-11981)
- [Link to style guide presentation for colors in the design system ](https://docs.google.com/presentation/d/1I4q35NL2WW2RpksIyawhHCd8qJnrjme1ZDNIBxu24hQ/edit#slide=id.g2e134a56948_3_13)

Contributor guide

Open the contributing guide

Research direction

Search the repository and dev site for #C35302, then compare each use with the standard warning color #C3391D. Done means the old color is removed from the design system and absent from the dev site, with the style guide presentation updated after product and development review.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
design, frontend
Issue type
Refactor
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.