Appnatively
Appnatively
Knowledge Base
Go to Studio
Knowledge Base
Go to Studio
Getting Started
Welcome to AppNativelyCreate your first appFinding your way around the Studio dashboard
Website Connection
Connect your website to AppNativelyInstall and update the required pluginChoose which plugins power your app“Website Not Connected” – what it means and how to clear itFix a failing or dropped connection
App Editor
Build your app with AI chatWrite prompts that get the screen you wantUndo an AI change you don’t wantEdit screens and components by handManage your app’s pagesDesign your headerDesign your bottom navigationAdd and edit drawersManage your themeHow your changes reach your usersSave vs. Publish – what each one doesWhen a new release is requiredWhen AI gets it wrong
Splash & App Icon
Set your app iconAdd Android Adaptive Icon layersDesign your splash screenRecommended image sizes
Publishing Setup
What you need before your first buildSet your app’s name, slug, and package IDAdd Android credentials and your keystoreAdd iOS certificates and provisioningConnect Google PlayConnect the App StoreSet up Firebase Configuration
Build & Deploy
Connect GitHub before you buildBuild your app – and submit it to the storeFix a failed build
Push Notifications
Create and send a push campaignTrack campaign performanceNotifications aren’t arriving
Integrations
Connect a third-party service

Manage your theme

Instead of setting a color or font size separately on every screen, your theme lets you define it once and reuse it everywhere. Change it later, and everything using it updates together.

Steps

1. Open Global Settings

In the right sidebar, switch to the Global Settings tab.

2. Explore the six groups

Your theme is organized into six groups: Colors, Typography, Spacing, Dimensions, Borders, and Shadows. Each holds a list of reusable values for that category.

3. Add a value

Within any group, add a new entry with a short internal name, a friendlier display name (this is what you’ll see when picking it elsewhere in the editor), and the actual value – a color, a font size, whatever the group calls for.

4. Apply it to a component

When you’re setting a property on any component – a background color, a font size – look for the option to pick from your theme instead of entering a one-off value. Select the entry you created, and that component now follows your theme.

5. Update it once, everywhere

Change a theme value later, and every component using it updates automatically – no need to find and edit each one individually.

6. Set your status bar and navigation bar

The same Global Settings tab also holds your device status bar and navigation bar appearance – choose whether each follows the system default or uses a custom color.

FAQ

Add and edit drawers
How your changes reach your users
Was this page helpful?
On this page
Steps1. Open Global Settings2. Explore the six groups3. Add a value4. Apply it to a component5. Update it once, everywhere6. Set your status bar and navigation barFAQWhat’s the difference between a value’s internal name and its display name?+Do I have to use the theme, or can I still set one-off values?+