Search⌘ K
AI Features

Colors In Ionic

Explore how to effectively apply and customize colors in Ionic applications. Understand the nine-color palette, layered color properties, and how to use the Ionic Color Generator to create tailored themes that enhance UI components like buttons and modals.

Understanding colors in Ionic

Ionic components, such as buttons, modals, and toggle switches, use the following nine-color palette to apply styling:

  • Primary
  • Secondary
  • Tertiary
  • Success
  • Warning
  • Danger
  • Dark
  • Medium
  • Light

Each of these colors consists of a base, contrast, shade, and tint property, with the base and contrast properties requiring an additional rgb property.

This additional rbg property provides the same color, just in an RGB format to overcome ...