Colors are a visual representation of your brand and business. Maintaining consistent color schemes across all your sales channels, especially your online store and mobile app, helps enhance brand identity and recognition.
Shopper App's Brand Kit feature in the design editor allows you to customize the colors of various elements within your app, including the bottom navigation, badges, buttons, icon buttons, and discount-related designs.
In This Article
Customizing the Color Schemes
To customize the color schemes for your app:
- From your SHOPLINE admin panel, go to Apps > Shopper App > App Design and click the Design button.
- In the design editor, click the palette icon (Brand Kit) in the left sidebar to start customizing your app's color schemes. You can customize the following components:
-
- Bottom navigation: Configure the text and icon colors for the bottom navigation bar, including the colors for selected icons.
- Badges: Set the colors for item quantity badges on the shopping bag and wishlist icons.
- Buttons: Customize the background and text colors of buttons, including the border and text colors for outline buttons.
- Icon buttons: Adjust the colors of the wishlist heart icon and the review star icon.
- Discount-related elements: Set the background and text colors for discount labels, the text color for discounted prices, and the background color for coupons.
- If Dark mode is enabled, ensure you configure the color schemes for both Light mode and Dark mode.
- Click Save to temporarily save your changes or Apply to make them effective immediately.
Comments