skin
skin copied to clipboard
feat: updated tertiary button styles
Fixes #1754
- [x] This PR contains CSS changes
- [ ] This PR does not contain CSS changes
Description
- Updated tertiary button styles to match the design system
Screenshots
Before:

After:

Checklist
- [x] I verify the build is in a non-broken state
- [x] I verify all changes are within scope of the linked issue
- [x] I regenerated all CSS files under dist folder
- [x] I tested the UI in all supported browsers
- [x] I tested the UI in dark mode and RTL mode
- [ ] I added/updated/removed Storybook coverage as appropriate
@LuLaValva , the target branch should be changed to 14.2.0
.
I updated the border to match Figma. Destructive border on Figma (#d2d2d2
) is between color-neutral-1
(#f7f7f7
) and color-neutral-2
(#e5e5e5
) so I opted instead to set it to color-stroke-subtle
which is the same as color-neutral-2
. If specificity is important I can:
- Hardcode to match design
- Add some transparency to destructive tertiary buttons so they match design on a white background
- Add some kind of
color-neutral-1-2
variable toevo-core
Let me know what you all think.
Looking at this, I don't see the d5d5d5.
The stroke subtle light is correct (there they have it as border/subtle/light)
Ok, it should be complete now. My mistake on the button border colors, I have learned to use the internal Figma inspector instead of external tools. Either way, the color I chose is correct.