@Kirubel Berhanu @TK DecodeUp @Pavel Senko

soooo

 

 

image.png

 

 

 

We can do the following logic

  1. Set one admin-controlled color (bg-brand-strong). And we can call it Brand color

  2. bg-brand-strong-hovered is auto-derived (darker via HSL), and pressed = hovered.

  3. Same for dark mode

 

  • Base: class="bg-brand-strong"

  • Hover: class="hover:bg-brand-strong-hovered"

  • Active/Pressed: class="active:bg-brand-strong-pressed" (same tone as hover)

 

 

Rrrright?