Why: Personalizing your app's appearance helps create a unique brand experience for your subscribers, making your content more engaging and memorable.
Navigate: App Station > Settings > Theme
Quick Start
Click Settings in the left sidebar of App Station.
Select Theme from the menu.
Choose your Accent Color using the color picker.
(Optional) Enable a Background Tint Color for surface tinting.
Select a Preset (Classic, Minimal, Subtle, or Bold) to control the background intensity.
Understanding the Theme System
The theme customization system allows you to personalize your app's look and feel. Here’s how it works:
Accent Color: Choose a primary color for buttons, links, and interactive elements.
Background Tint Color: Optionally, set a separate color for surface tinting.
Presets: Select from four intensity options — Classic, Minimal, Subtle, or Bold.
Auto-derived Styles: Backgrounds, borders, and shadows are automatically calculated based on your selections.
When you don't set a background tint color, it defaults to your accent color, ensuring a cohesive look.
Theme Presets
Each preset offers a different style for your app:
Classic (Default)
Clean white/gray backgrounds with no color tinting.
Neutral gray borders and light card shadows.
Ideal for a professional appearance.
Minimal
Very light tinting with a hint of color.
Subtle shadows and tinted borders.
Great for a soft, understated brand presence.
Subtle
Moderate tinted backgrounds with a balanced color presence.
Medium shadows and tinted borders.
Perfect for branding without overwhelming the user.
Bold
Strong tinted backgrounds for maximum brand visibility.
Heavy shadows and prominent borders.
Best for a vibrant and eye-catching design.
Customizing Your Theme
Step-by-Step Instructions
Select an Accent Color: Use the color picker to choose a color that represents your brand. This color will be used for buttons, links, and other interactive elements.
Screenshot needed: The color picker interface for selecting the accent color
Set a Background Tint Color: If you want a different color for your app's background surfaces, enable this option and pick a color.
Choose a Preset: Select one of the four presets to define the overall intensity of your app's background colors. Each preset alters how your chosen colors are applied across the app.
Preview Changes: As you make adjustments, you can see a real-time preview of how your app will look with the new settings.
Auto-Save Settings: Your changes will be saved automatically, so you can experiment without worrying about losing your adjustments.
Additional Tips
Experiment with Combinations: Try different combinations of accent colors and presets to find the perfect look for your app.
Consider Your Audience: Choose colors and styles that resonate with your target audience and reflect your brand identity.
Related Features
Content Library: Learn how to manage and organize your recipes and resources.
Page Builder: Discover how to customize your app pages with various blocks and layouts.
Offers: Understand how to create and manage offers for your subscribers.