Colored Links 1.2.2

Apply theme-aware color to links with .velin-link-{color} helpers. Each link includes a subtle hover darkening effect. Deutsch: farbige-links

Maturity: Documented as stable in VelinStyle 1.2.0. Design Intelligence (plan / review / agent meta) is separate and beta / foundation where noted.

When to use

Use Colored Links helpers/content styles for readable, accessible markup.

When not

Do not hide focusable controls with visually-hidden without a focusable path.

VelinStyle ships six link helpers (primary through info). There are no velin-link-light or velin-link-dark classes — use velin-text-muted with a normal link for subdued text.

Available variants

Muted body text with a default link (no helper class).

<a href="#" class="velin-link-primary">Primary link</a>
<a href="#" class="velin-link-secondary">Secondary link</a>
<a href="#" class="velin-link-success">Success link</a>
<a href="#" class="velin-link-danger">Danger link</a>
<a href="#" class="velin-link-warning">Warning link</a>
<a href="#" class="velin-link-info">Info link</a>
<p class="velin-text-muted">Muted text with a <a href="#">default link</a></p>