Skip to main content

Color Properties

Color properties in PurgeTSS allow you to customize the visual appearance of your application's elements. These properties accept various color formats including hex codes, RGB values, and predefined color names.

This section includes color properties organized into these main categories:

Basic Element Colors​

  • Background: backgroundColor, backgroundDisabledColor, backgroundFocusedColor, backgroundSelectedColor
  • Border: borderColor, separatorColor, selectedBorderColor
  • Text: color, titleColor, subtitleColor, subtitleTextColor, titleTextColor, dateTimeColor
  • Icons: iconColor, tintColor, navTintColor, navigationIconColor

State-Based Colors​

  • Selection: selectedColor, selectedBackgroundColor, selectedTextColor, selectedButtonColor, selectedSubtitleColor
  • Disabled: disabledColor, backgroundDisabledColor
  • Active: activeTintColor, activeTitleColor
  • Highlighted: highlightedColor
  • Status Bar: statusBarBackgroundColor, statusBarColor
  • Tabs: tabsBackgroundColor, tabsBackgroundSelectedColor
  • Navigation: navigationIconColor, barColor, navTintColor
  • Keyboard: keyboardToolbarColor

Interactive Elements​

  • Indicators: indicatorColor, pageIndicatorColor, currentPageIndicatorColor
  • Feedback: touchFeedbackColor, imageTouchFeedbackColor
  • Controls: thumbColor, thumbTintColor, trackTintColor, onTintColor, onThumbColor
  • Results: resultsBackgroundColor, resultsSeparatorColor

Visual Effects​

  • Shadows: shadowColor, viewShadowColor, titleAttributes-shadow-color, contentScrimColor
  • Badges: badgeColor, badgeTextColor, badgeBackgroundColor
  • Hints: hintTextColor
  • Pull: pullBackgroundColor

Alternative Syntax​

The property color-alternative provides different ways to specify color values for more flexibility in your styling approach.