feat:onboarding page ui done
This commit is contained in:
@@ -48,4 +48,9 @@ abstract class AppColors {
|
||||
static const Color c9EA5B7 = Color(0xFF9EA5B7);
|
||||
static const Color c479B36 = Color(0xFF479B36);
|
||||
static const Color cFFAB40 = Color(0xFFFFAB40);
|
||||
static const Color cD6D4D4 = Color(0xFFD6D4D4);
|
||||
static const Color c1A202C = Color(0xFF1A202C);
|
||||
static const Color c524242 = Color(0xFF524242 );
|
||||
|
||||
|
||||
}
|
||||
|
||||
@@ -1,6 +1,9 @@
|
||||
abstract class AppIcons {
|
||||
static const String baseUrl = "assets/icons/common";
|
||||
static const String icLogo = "$baseUrl/ic_logo.svg";
|
||||
static const String icOnBoarding1 = "$baseUrl/ic_onboarding1.svg";
|
||||
static const String icOnBoarding2 = "$baseUrl/ic_onboarding2.svg";
|
||||
static const String icOnBoarding3 = "$baseUrl/ic_onboarding3.svg";
|
||||
}
|
||||
|
||||
abstract class AppLightSvgs {
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
import 'package:food_delivery_client/core/theme/app_theme_colors.dart';
|
||||
import 'package:food_delivery_client/core/theme/app_theme_textstyles.dart';
|
||||
import 'package:food_delivery_client/core/theme/theme_icons.dart';
|
||||
|
||||
@@ -6,7 +7,11 @@ import '../../food_delivery_client.dart';
|
||||
abstract class AppTheme {
|
||||
static ThemeData get lightTheme => ThemeData.light().copyWith(
|
||||
brightness: Brightness.light,
|
||||
extensions: [AppThemeIcons.light, AppThemeTextStyles.light],
|
||||
extensions: [
|
||||
AppThemeIcons.light,
|
||||
AppThemeTextStyles.light,
|
||||
AppThemeColors.light,
|
||||
],
|
||||
|
||||
// colorScheme: ColorScheme(
|
||||
// brightness: Brightness.light,
|
||||
@@ -93,7 +98,11 @@ abstract class AppTheme {
|
||||
|
||||
static ThemeData get darkTheme => ThemeData.light().copyWith(
|
||||
brightness: Brightness.dark,
|
||||
extensions: [AppThemeIcons.dark, AppThemeTextStyles.dark],
|
||||
extensions: [
|
||||
AppThemeIcons.dark,
|
||||
AppThemeTextStyles.dark,
|
||||
AppThemeColors.dark,
|
||||
],
|
||||
|
||||
// colorScheme: ColorScheme(
|
||||
// brightness: Brightness.light,
|
||||
|
||||
39
lib/core/theme/app_theme_colors.dart
Normal file
39
lib/core/theme/app_theme_colors.dart
Normal file
@@ -0,0 +1,39 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:food_delivery_client/food_delivery_client.dart';
|
||||
|
||||
class AppThemeColors extends ThemeExtension<AppThemeColors> {
|
||||
final Color onBoardingColor;
|
||||
final Color boxShadow;
|
||||
|
||||
AppThemeColors({required this.onBoardingColor, required this.boxShadow});
|
||||
|
||||
static AppThemeColors light = AppThemeColors(
|
||||
onBoardingColor: AppColors.cFFFFFF,
|
||||
boxShadow: AppColors.cD6D4D4,
|
||||
);
|
||||
|
||||
static AppThemeColors dark = AppThemeColors(
|
||||
onBoardingColor: AppColors.c131720,
|
||||
boxShadow: AppColors.c524242,
|
||||
);
|
||||
|
||||
@override
|
||||
ThemeExtension<AppThemeColors> copyWith({
|
||||
Color? onBoardingColor,
|
||||
Color? boxShadow,
|
||||
}) {
|
||||
return AppThemeColors(
|
||||
onBoardingColor: onBoardingColor ?? this.onBoardingColor,
|
||||
boxShadow: boxShadow ?? this.boxShadow,
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
ThemeExtension<AppThemeColors> lerp(
|
||||
covariant ThemeExtension<AppThemeColors>? other,
|
||||
double t,
|
||||
) {
|
||||
if (other is! AppThemeColors) return this;
|
||||
return t < 0.5 ? this : other;
|
||||
}
|
||||
}
|
||||
@@ -57,8 +57,11 @@ class AppThemeTextStyles extends ThemeExtension<AppThemeTextStyles> {
|
||||
),
|
||||
size24SemiBold: TextStyle(
|
||||
fontSize: 24,
|
||||
height: 1.3,
|
||||
letterSpacing: -.48,
|
||||
fontWeight: FontWeight.w600,
|
||||
fontFamily: _fontSemiBold,
|
||||
color: AppColors.c1A202C,
|
||||
),
|
||||
size14Bold: TextStyle(
|
||||
fontSize: 14,
|
||||
@@ -96,8 +99,11 @@ class AppThemeTextStyles extends ThemeExtension<AppThemeTextStyles> {
|
||||
),
|
||||
size24SemiBold: TextStyle(
|
||||
fontSize: 24,
|
||||
height: 1.3,
|
||||
letterSpacing: -.48,
|
||||
fontWeight: FontWeight.w600,
|
||||
fontFamily: _fontSemiBold,
|
||||
color: AppColors.cFFFFFF,
|
||||
),
|
||||
size14Bold: TextStyle(
|
||||
fontSize: 14,
|
||||
|
||||
Reference in New Issue
Block a user