Underline Color Demo (Dark Mode Palette)

Select the one you like best. Hover the links to see accent behavior.

1 — Current (var(--border): #1e2633)

This is your current underline color. Example: breadcrumbs link.

2 — Accent blend 25%

Border blended lightly toward the accent. Example: breadcrumbs link.

3 — Accent blend 40% (recommended)

Softer blue-gray underline, visible but subtle. Example: breadcrumbs link.

4 — Accent blend 60%

Brighter underline closer to your main accent. Example: breadcrumbs link.

5 — True accent link color with mixed underline

More expressive links using color and underline offset. Example: inline link.

6 — Pure accent underline

High contrast, striking blue underline. Example: inline link.