Snap colors

To ensure an inclusive and accessible experience for all users—especially those with color vision deficiencies—the following key updates are done to the Snap's color palette.

  • Stronger Visual Indicators

    • Border outlines added: Each status now includes distinct border outlines. This provides secondary visual encoding, so users don’t have to rely on color alone to interpret status cues.

    Improved Contrast Across the UI

    • System colors refreshed: All UI colors have been updated to meet WCAG accessibility standards. These changes enhance readability and ensure better visibility for everyone.

    Disconnected Snaps. Old
    New
    For more detailed information on individual Snaps refer to Connecting Snaps.
    Background color for pipelines that are not validated. Old
    New
    Background and outline color for validated pipelines Old
    New
    Background and outline color for executed pipelines Old
    New
    Background and outline color for failed pipeline executions Old
    New
    Pipeline started Old
    New
    Suspended pipeline execution New
    Distinct Snap outlines for selected state Old New