UCLA Component Library

Interactive Colors - Dark Background

bitbucket Report an Issue Slack Join the Slack Discussion

These colors are used for interactive states of buttons, links, and other interactive elements.

  • Default

    $default-state-dark

    #FFD100

  • Hover

    $hover-state-dark

    #FFE500

  • Active

    $active-state-dark

    #FFBF0F

  • Focus

    $focus-state-dark

    #FFE500

  • Disabled

    $disabled-state-dark

    #E5E5E5

  • Visited

    $visited-state-dark

    #FFFFFF