Change App Color theme

If you would like to edit the color, font, or style of any widget in the project, you can do the following:

  1. Navigate to "app_color.dart" in the constants folder.

  2. You will find all the colors used throughout the app design.

  3. You can just change any color to that of your choice and the whole app theme color occurrence of that color will change.

import 'package:flutter/material.dart';

class AppColor {
  static final accentColor = Color(0xFF19798A);
  static final primaryColor = Color(0xFF15616D);
  static final primaryColorDark = Color(0xFF104C56);
  static final cursorColor = Color(0xFF15616D);
  static final appBackground = Color(0xFFEEEEEE);
  static final vendorOpenColor = Colors.green[900];

  //onboarding colors
  static final onboarding1Color = Color(0xFFF9F9F9);
  static final onboarding2Color = Color(0xFFF6EFEE);
  static final onboarding3Color = Color(0xFFFFFBFC);

  static final onboardingIndicatorDotColor = Color(0xFF30C0D9);
  static final onboardingIndicatorActiveDotColor = Color(0xFF15616D);

  //Shimmer Colors
  static final shimmerBaseColor = Colors.grey[300];
  static final shimmerHighlightColor = Colors.grey[200];

  //inputs
  static final inputFillColor = Colors.grey[200];
  static final iconHintColor = Colors.grey[500];

  //operation status colors
  static final successfulColor = Colors.green[400];
  static final waringColor = Colors.yellow[700];
  static final failedColor = Colors.red[400];

}

Last updated