Mobile app
  • Home
  • Woocommerce Mobile App
    • Bookstore
      • Introduction
      • Environment Setup
      • Platform setup
      • Set up an editor
      • Run the App
      • Website Integration
      • UI Customize
      • Firebase configuration
        • Android Configuration
        • iOS Configuration
      • Dynamic UI changes
      • Basic Features
      • Release
        • Publish to google play
        • Publish to App store
      • UI Screens
  • J2store Mobile App
    • Outfit
      • Introduction
      • Environment Setup
      • Install the Ionic CLI
      • Firebase Configuration
        • iOS Configuration
        • Android Configuration
      • Ionic platforms
      • Push Notifications
      • UI Customization
      • Basic Features
      • Releases
        • Publish to Google Play
        • Publish to Apple Store
Powered by GitBook
On this page
  1. Woocommerce Mobile App
  2. Bookstore

UI Customize

Change the app main color

  1. Open lib/config.dart the file in the project.

  2. You can change the most of the color components in this section

//App main color
const maincolor = 0xFF3FC1BE;

Change the app logo and splash screen

  1. To change the logo, replace the logo.png in the following folder assets/images/

  2. Open lib/images.dart in the project folder and cross check your logo image name

  3. Your logo must be 466 * 97

const String constLogo = 'assets/images/name of your image.extension
  1. To change the Splashscreen replace the splashscreen.png in the following folder assets/images/

  2. Open lib/images.dart in the project folder and cross check your splashscreen image name

  3. Your logo must be 829 * 1792

const String constSplashScreen = 'assets/images/name of your splashscreen.extension
PreviousWebsite IntegrationNextFirebase configuration

Last updated 2 years ago