apksel-dev/apskel-pos-flutter-v2
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

color and theme

Browse Source
This commit is contained in:
efrilm 2025-10-23 23:20:44 +07:00
parent 9a61cbecc4
commit 5d9197c986
2 changed files with 76 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
lib/common/theme/app_color.dart
View File

@ -1,5 +1,46 @@
part of 'theme.dart'; part of 'theme.dart';
class AppColor { class AppColor {
// TODO: define color /// primary = #3949AB
static const Color primary = Color(0xff36175e);
/// grey = #B7B7B7
static const Color grey = Color(0xffB7B7B7);
/// light = #F8F5FF
static const Color light = Color(0xffF8F5FF);
/// blueLight = #C7D0EB
static const Color blueLight = Color(0xffC7D0EB);
/// black = #000000
static const Color black = Color(0xff000000);
/// white = #FFFFFF
static const Color white = Color(0xffFFFFFF);
static const Color whiteText = Color(0xfff1eaf9);
/// green = #50C474
static const Color green = Color(0xff50C474);
/// red = #F4261A
static const Color red = Color(0xffF4261A);
/// card = #E5E5E5
static const Color card = Color(0xffE5E5E5);
/// disabled = #C8D1E1
static const Color disabled = Color(0xffC8D1E1);
/// subtitle = #7890CD
static const Color subtitle = Color(0xff7890CD);
/// stroke = #EFF0F6
static const Color stroke = Color(0xffEFF0F6);
static const Color background = Color.fromARGB(255, 241, 241, 241);
static const Color primaryLight = Color(0xFF5A3E8A);
static const Color greyLight = Color(0xFFE0E0E0);
static const Color greyDark = Color(0xFF707070);
} }

36
lib/common/theme/theme.dart
View File

@ -1,11 +1,43 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import '../../presentation/components/assets/fonts.gen.dart';
part 'app_color.dart'; part 'app_color.dart';
part 'app_style.dart'; part 'app_style.dart';
part 'app_value.dart'; part 'app_value.dart';
class ThemeApp { class ThemeApp {
static ThemeData get theme => ThemeData( static ThemeData get theme => ThemeData(
useMaterial3: true, useMaterial3: true,
); primaryColor: AppColor.primary,
scaffoldBackgroundColor: AppColor.white,
appBarTheme: AppBarTheme(
color: AppColor.white,
elevation: 0,
titleTextStyle: TextStyle(
color: AppColor.primary,
fontSize: 16.0,
fontWeight: FontWeight.w500,
),
iconTheme: const IconThemeData(color: AppColor.primary),
),
fontFamily: FontFamily.quicksand,
colorScheme: ColorScheme.fromSeed(seedColor: AppColor.primary),
inputDecorationTheme: InputDecorationTheme(
contentPadding: const EdgeInsets.symmetric(horizontal: 16.0),
hintStyle: const TextStyle(color: AppColor.grey),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8.0),
borderSide: BorderSide(color: AppColor.primary),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8.0),
borderSide: BorderSide(color: AppColor.primary),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8.0),
borderSide: BorderSide(color: AppColor.primary),
),
),
);
} }