With app theming, you control the appearance of your client app. Choose from pre-curated templates or design them yourself. Showcase your logo and select brand-aligned colours for a cohesive client experience.
Watch the video below to see how easy it is to set up your app theme.
Now that you’ve seen the theming process in action, let’s go through the step by step guide so you can personalize your app exactly the way you want.
Go to Dashboard > Client App and Start Editing
There are three main sections
App Configuration
App Theme
Advanced Options
1. App Configuration
With App configuration, you can configure your client app with a personalized Logo, Launch Screen, and Tab Bar Settings.
1. Logo
App Logo: Choose App Icon which will be updated once the user signs up on the client app. The app icon should be square.
Toolbar Logo Choose the logo that will appear on the app's home page.
2. Launch Screen
Introduce a personal touch to your clients' app experience by customizing the splash screen with a full-screen background image. With our tailored branding feature, you can seamlessly integrate your logo into the splash screen, showcasing your brand identity right from the start. We also support to add an optional intro video on the Splash screen. Adding a video to your splash screen grabs attention, showing what your app is about in a cool way. It's like a mini-movie that sets the mood and makes your app more memorable, keeping people interested from the get-go.
NOTE: The App Launch Screen is available with Super Pro and Elite Plans only. |
3. Tab Bar
In this section, you can customize the bottom tab bar by reordering tabs and modifying text labels.
2. App Theme
In App theme, you can quickly customize your app by picking from supported themes and templates. Some precurated templates and three pre-defined modes are available.
1. Templates
You can choose from ready-made templates to perfectly capture your app's vibe and personality. Tailoring the look ensures your app mirrors its essence, making it uniquely yours.
2. Theme Mode
You can choose how you want your app’s visual style to be. You can customize your app's appearance by choosing between light mode and dark mode or following the settings on clients' phones.
If you choose System, you will need to define options for the Light and Dark themes if you choose Advanced Options.
3. Workout
The app, by default, uses dark mode for workouts. However, you can customize that and decide to change it. Workouts use a dark background by default. You can choose between a Light background and a dark background or follow the settings from the selected Theme.
3. Advanced Theme Options
If a curated App Theme is too basic for you, get creative with advanced theme options! You can tweak everything from pop colors to progress bar styles. Make your app truly yours, matching it perfectly to your brand's vibe.
1. Color Scheme
You can choose your brand colours for buttons, icons, and backgrounds to make your app uniquely yours.
Primary Color: It makes all the buttons and toolbar options in the app look the same, giving the app a consistent appearance.
Main background: With the main background, you can decide what background color you see behind everything on every app screen.
Card background: You can choose the color you want for the cards on the home and payment plans pages.
2. Text Color
You can pick the colours for the titles, descriptions, and additional text you see everywhere in the app.
3. Highlights
You can change the look of non-clickable items, such as icons and progress bars. You can do it in four ways.
You can let the chosen app theme decide the highlight colour and do nothing about it.
You can choose the primary colour you chose in the colour scheme as your highlight colour.
You choose one highlight colour and an optional progress bar colour
You select a separate colour for each module (Workout, Nutrition, Water, Activity, Measurement)
4. Fills
With Fill Options, you can personalize the colours inside the small cards on the homepage and the backgrounds of graphs, making everything look better. This can be done in three ways.
Let the chosen app theme decide, and you can sit and relax.
Define a single custom colour (solid / gradient) for all the modules
Enable module-specific fill options and define separate colours (solid / gradient) for each module (Workout, Nutrition, Water, Activity, Measurement)
Saving & Publishing Changes
Once you are done with the changes, you can click on the
Saveicon (floppy icon) at the top right to save them as a draft or click on theDonebutton to decide whether to publish them so that they are visible to your clients as well.
If you want to discard the changes, click on the cross icon at the top left and discard.
Don't have a FitBudd account yet? Launch your own fitness app on iOS and Android. Get started for FREE


















