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:
russell@unturf.com 2026-03-04 16:00:58 -05:00
parent 5131450014
commit 702ad49764
4 changed files with 36 additions and 2 deletions

View file

@ -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)