Critical Moments Docs
Quick StartHomepageAccount
  • Documentation Home
  • What is Critical Moments?
  • Quick Start
  • Concepts Overview
  • Remote Control / Service
    • Host Config on Github Pages
  • Config File Structure
  • Demo App
  • Homepage & Account
  • 📚Guides
    • Mobile App Toolbox: 13 Features Most Apps Need
    • Reduce App Churn with Notifications
    • Improve your App Store Rating
    • Feature Flags Guide
  • ⏰Notifications
    • Intro to Notifications
    • Notifications Spec
    • Smart Delivery
    • Badges
  • 🎯Conditional Targeting
    • Intro to Conditions
    • Built-in Properties
    • Custom Properties
    • Syntax and Operators
    • Conditional Guides
      • Working with Dates
      • Locations and Weather
      • Event and Property History
  • 🎪Events
    • Event Overview
    • Recommended Events
    • Built-In Events
  • 💬Actions / In App Messaging
    • Actions Overview
    • Modals
      • Modal Content Sections
      • Modal Buttons
      • Modal Images
    • Banners
    • Alerts
    • App Reviews
    • Open Link
    • Custom Actions
    • Conditional Actions
    • Triggers
  • 🎨Themes
    • Theme Overview
    • Built In Themes
  • ⛳Feature Flags
    • Feature Flag Guide
    • Conditional Feature Flags
    • Named Conditions Config
  • 🔑Trustless SaaS
  • 👋Support
  • 👩‍💻SDK API Reference
Powered by GitBook
On this page

Was this helpful?

  1. Themes

Built In Themes

Choose from pre-built themes

Last updated 1 year ago

Was this helpful?

Critical Moments comes with 21 built in themes, made up of 7 named-styles, each with a light, dark and auto variant. You can refer to these by name in your config file. The base/auto varient will automatically adapt to the user system dark-mode setting, while the _light and _dark varients will force one color pallet regardless of the user setting.

  • system/system_light/system_dark [default]: system standard color pallet and font. If your app has an set, that will be the primary color (defaults to systemBlue).

  • elegant/elegant_light/elegant_dark: a black and white theme, using a modern font (Avenir Next on iOS).

  • aqua/aqua_light/aqua_dark: A blue/green theme, using default system font.

  • jazzy/jazzy_light/jazzy_dark: A purple/pink theme, using default system font.

  • sea/sea_light/sea_dark: A deep blue theme, using default system font.

  • honey/honey_light/honey_dark: A yellow/black theme, using default system font.

  • terminal/terminal_light/terminal_dark: A theme mirroing the look of a computer terminal, using a monospace font.

🎨
accent color
Built in themes