Purple source buttons, add purple to design system
New .source-button class (#9B59B6, hover #7B2D8E) for PyPi and Source Code buttons. Updated styleguide, CLAUDE.md color palette, and button hierarchy docs.
This commit is contained in:
parent
5131450014
commit
702ad49764
4 changed files with 36 additions and 2 deletions
|
|
@ -30,6 +30,8 @@ Mobile-first static site. CSS Grid. Helvetica. Media queries at 800px (tablet/de
|
|||
| Blue Secondary | `#98b6fa` | Secondary buttons (edit, preview, save, PyPi, blog), alert-info |
|
||||
| Navy Brand | `#5871ad` | Ribbon gradient start, log-out/activate buttons, corner ribbon |
|
||||
| Light Navy | `#82A8FF` | Ribbon gradient end |
|
||||
| Purple | `#9B59B6` | Source/code buttons (PyPi, Source Code), corner ribbon |
|
||||
| Purple Dark | `#7B2D8E` | Purple hover state, ribbon gradient |
|
||||
| Danger Red | `#CC6958` | Delete button |
|
||||
| Check Green | `#678731` | Checkmark list items |
|
||||
| Cross Red | `#c77765` | Cross list items |
|
||||
|
|
@ -47,6 +49,7 @@ Green = primary CTA (action the user should take). Blue = secondary (information
|
|||
|
||||
- `.shop-new-button.mps-button` — green CTA
|
||||
- `.product-edit-button.mps-button` — blue secondary
|
||||
- `.source-button.mps-button` — purple (source code, open source links)
|
||||
- `.log-out-button.mps-button` — navy
|
||||
- `.cart-delete-button.mps-button` — danger red
|
||||
- `.shop-switch-button.mps-button` — outline (border only)
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue