Customizing App Colors

S
Swiftspeed Team
Updated May 25, 20262 min read

Color Customization

Swiftspeed gives you full control over your app's color scheme. You can customize every color in your app to match your brand identity.

How to Change Colors

  1. Open your app in the editor
  2. Click "Colors" in the left sidebar
  3. Use the color pickers to change individual colors
  4. See changes reflected in the live preview immediately
  5. Click Save

Customizable Colors

  • Background color - The main background of your app
  • Text color - Primary text color
  • Navigation bar color - Top navigation bar background
  • Tab bar color - Bottom tab bar background
  • Primary/Accent color - Buttons, links, and interactive elements
  • List item colors - Background and text for list items

Tips

  • Ensure sufficient contrast between text and background colors for readability
  • Use your brand colors for a consistent look
  • The preview updates in real-time so you can experiment freely