UI Color Palette

Girder uses the material color palette as it is setup in Vuetify. These are the main colors used in the UI.

Primary & Secondary Colors

light-blue darken-1
For buttons, links, accents and most icons across the app
blue-grey darken-2
For typography and misc. icons (ie. file icons in data-tables)

Tints & Shades

light-blue lighten-5
Tint: For highlighted data-table row background
blue-grey lighten-4
Tint: For inactive text or icons
blue-grey lighten-5
Tint: For backgrounds (ie. textareas and data-table headers)

See Vuetify's Colors Documentation for more details.