Wix Mobile Apps: Customizing Your App's Design
Customize your own native app's design to match your brand by adjusting the color theme, text theme, button theme, and header style. These updates help make your app stand out and create a visually consistent experience for your visitors while perfectly aligning with your brand.Note:Changes to your app's color and text theme affect all of your app's screens. In this article, learn how to:
Change your app's color theme Change your app's text theme Change your app's button theme   Change your app's header styleChanging your app's color themeChoose a color theme for your app to set the tone for visitors using your app. Fine-tune individual colors to ensure consistency and enhance readability across different screens and elements.DashboardWix AppWix Studio App
Go to Mobile App in your site's dashboard. Click the tab with the name of your own mobile app.  Click Edit Mobile App.  Click Design on the left panel. Click the Edit icon  next to Color theme. Choose what you want to do:
    
Change your app's color theme: Click Change Color Theme to select a new preset main color theme. Individually customize element colors: Select which colors to edit:
        
Primary: Choose a new main color for your app. Text and icons: Choose a new color for the main text and social icons. Background: Choose a new color for the app background.     Click Save at the top right.
﻿Go to your site in the Wix app. Tap Manage  at the bottom. Tap Mobile App.  (If needed) Switch to editing your own mobile app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select Mobile App Builder.    Tap Edit. Tap Design from the bottom menu. Tap Color theme. Choose what you want to do:
    
Change your app's color theme: Tap Change Color Theme to select a new preset main color theme. Individually customize element colors: Select which colors to edit:
        
Primary: Choose a new main color for your app. Text and icons: Choose a new color for the main text and social icons. Background: Choose a new color for the app background.     Tap Save at the top right.
Go to your site in the Wix Studio app. Tap Mobile App.  (If needed) Switch to editing your own mobile app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select Mobile App Builder.    Tap Edit. Tap Design from the bottom menu. Tap Color theme. Choose what you want to do:
    
Change your app's color theme: Tap Change Color Theme to select a new preset main color theme. Individually customize element colors: Select which colors to edit:
        
Primary: Choose a new main color for your app. Text and icons: Choose a new color for the main text and social icons. Background: Choose a new color for the app background.     Tap Save at the top right.Changing your app's text themeChoose a text theme to set the style and readability of your app, and ensure clarity and coherence across all of your app's content.DashboardWix AppWix Studio App
Go to Mobile App in your dashboard. Click the tab with the name of your own mobile app.  Click Edit Mobile App.  Click Design on the left panel. Click the Edit icon  next to Text theme. Choose what you want to do:
    
Change your app's text theme: Click Change Text Theme to select a new preset font theme. Individually customize text: Select a font for your app's headings and body.    Click Save at the top right.
﻿Go to your site in the Wix app. Tap Manage  at the bottom. Tap Mobile App.  (If needed) Switch to editing your own mobile app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select Mobile App Builder.    Tap Edit. Tap Design from the bottom menu. Tap Text theme. Choose what you want to do:
    
Change your app's text theme: Tap Change Text Theme to select a new preset font theme. Individually customize text: Select a font for your app's headings and body.   Tap Save at the top right.
Go to your site in the Wix Studio app. Tap Mobile App.  (If needed) Switch to editing your own mobile app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select Mobile App Builder.    Tap Edit. Tap Design from the bottom menu. Tap Text theme. Choose what you want to do:
    
Change your app's text theme: Tap Change Text Theme to select a new preset font theme.  
Individually customize text: Select a font for your app's headings and body.   Tap Save at the top right.Changing your app's button themeCustomize your button styles to match your business design. These styles apply to all buttons across your app, ensuring a consistent look. Choose from preset themes or adjust individual elements like colors, borders, text, and corner radius. You can preview your changes live as you make them.DashboardWix appWix Studio app
Go to Mobile App in your dashboard. Click the tab with the name of your own mobile app.  Click Edit Mobile App.  Click Design on the left panel. Click the Edit icon  next to Button theme. Choose what you want to do:
    
Choose a preset theme for your buttons: Click Change Button Theme and select from the feature themes based on your app's theme colors.  Customize buttons individually: Click the Primary or Secondary tab and then customize the buttons by adjusting the button shape, background color, text, and border.
Note: To change your theme colors, click Edit in the Pick a color pop-up. Customize your primary, text, icons, and background colors in the Color Themes section.   Click Save at the top right.
﻿Go to your site in the Wix app. Tap Manage  at the bottom. Tap Mobile App.  (If needed) Switch to editing your own mobile app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select Mobile App Builder.   Tap Edit. Tap Design on the bottom of your screen. Tap Button theme. Choose what you want to do:
    
Choose a preset theme for your buttons: Tap Change Button Theme and select a featured theme based on your app's theme colors.  Customize buttons individually: Tap the Primary or Secondary tab and then customize the buttons by adjusting the button shape, background color, text, and border.
Note: To change your color options, go to the Color Themes section in the Design panel.     Tap Save.
Go to your site in the Wix Studio app. Tap Mobile App.  (If needed) Switch to editing your own mobile app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select Mobile App Builder.   Tap Edit. Tap Design on the bottom of your screen. Tap Button theme. Choose what you want to do:
    
Choose a preset theme for your buttons: Tap Change Button Theme and select a featured theme based on your app's theme colors.  Customize buttons individually: Tap the Primary or Secondary tab and then customize the buttons by adjusting the button shape, background color, text, and border. Note: To change your color options, go to the Color Themes section in the Design panel.     Tap Save.Changing your app's header style When creating your own native app, you can choose if you want your header to have a background color (taken from your app's primary color) or to have it transparent.Note:The header style that you choose here affects the minimal header type. Learn more about the difference between the header types and how to customize them.DashboardWix AppWix Studio App
Go to Mobile App in your dashboard. Click the tab with the name of your own mobile app.  Click Edit Mobile App.  Click Design on the left panel. Click the Edit icon  next to Header style. Choose your header color, using either the primary or background color that you set for your app. Click Save at the top right.
﻿Go to your site in the Wix app. Tap Manage  at the bottom. Tap Mobile App.  (If needed) Switch to editing your own mobile app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select Mobile App Builder.   Tap Edit. Tap Design from the bottom menu. Tap Header style. Choose what you want to edit:
    
Style: Choose the color for your header. You can choose your primary or background color that you set for your app. Icons: Tap the toggles to enable quick actions to your header.
Note: The icons displayed in the panel depend on the Wix apps you added to your site (e.g. Wix Stores).   Tap Save at the top right.
Go to your site in the Wix Studio app. Tap Mobile App. (If needed) Switch to editing your branded app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select your branded mobile app.    Tap Edit. Tap Design from the bottom menu. Tap Header style. Choose what you want to edit:
    
Style: Choose the color for your header. You can choose your primary or background color that you set for your app. Icons: Tap the toggles to enable quick actions to your header. 
Note: The icons displayed in the panel depend on the Wix apps you added to your site (e.g. Wix Stores).   Tap Save at the top right.