Suggestion: Standardize Increment Direction for Transparent Variants

Hi Bricks Team,

I noticed an inconsistency in how color variants are generated. Currently, Dark and Light shades follow a logical progression, but Transparent variants seem reversed.

Current Behavior:

  • Dark shades (d-1 to d-5): Progresses to be darker (Effect increases with number).

  • Light shades (l-1 to l-5): Progresses to be lighter (Effect increases with number).

  • Transparent shades (t-1 to t-10): Progresses from Darkest/Opaque to Lightest/Transparent.

The Issue: While Dark and Light variants start with the subtle change at “-1,” the Transparent variants start with the heaviest opacity at “t-1” (approx. 90% or darkest) and end with the most transparent at “t-10” (approx. 10% or lightest). This breaks the mental model established by the other shade generators.

Suggestion: Reverse the Transparent variant logic so the step number correlates with the intensity of the transparency (the “lightness”):

  • t-1: 10% Opacity (Lightest)

  • t-5: 50% Opacity

  • t-10: 100% Opacity (or 90%)

This would make the workflow much more intuitive when switching between generating shades and generating transparencies.