86 lines
2.6 KiB
Dart
86 lines
2.6 KiB
Dart
|
import 'dart:ui';
|
||
|
|
|
||
|
|
import 'package:flutter/material.dart';
|
||
|
|
|
||
|
|
extension CustomColorScheme on ColorScheme {
|
||
|
|
Color get defaultTextColor =>
|
||
|
|
brightness == Brightness.light ? Colors.black : Colors.white;
|
||
|
|
|
||
|
|
Color get boxSelectColor => brightness == Brightness.light
|
||
|
|
? Color.fromRGBO(67, 186, 108, 1)
|
||
|
|
: Color.fromRGBO(16, 32, 32, 1);
|
||
|
|
|
||
|
|
Color get boxUnSelectColor => brightness == Brightness.light
|
||
|
|
? Color.fromRGBO(240, 240, 240, 1)
|
||
|
|
: Color.fromRGBO(8, 18, 18, 0.4);
|
||
|
|
|
||
|
|
Color get fabBackgroundColor =>
|
||
|
|
brightness == Brightness.light ? Colors.black : Colors.grey[850];
|
||
|
|
|
||
|
|
Color get fabTextOrIconColor =>
|
||
|
|
brightness == Brightness.light ? Colors.white : Colors.white;
|
||
|
|
|
||
|
|
// todo: use brightness == Brightness.light for changing color for dark/light theme
|
||
|
|
ButtonStyle get optionalActionButtonStyle => buildElevatedButtonThemeData(
|
||
|
|
onPrimary: Colors.black87,
|
||
|
|
primary: Color.fromRGBO(240, 240, 240, 1),
|
||
|
|
).style;
|
||
|
|
}
|
||
|
|
|
||
|
|
OutlinedButtonThemeData buildOutlinedButtonThemeData(
|
||
|
|
{Color bgDisabled, Color bgEnabled, Color fgDisabled, Color fgEnabled}) {
|
||
|
|
return OutlinedButtonThemeData(
|
||
|
|
style: OutlinedButton.styleFrom(
|
||
|
|
shape: RoundedRectangleBorder(
|
||
|
|
borderRadius: BorderRadius.circular(8),
|
||
|
|
),
|
||
|
|
alignment: Alignment.center,
|
||
|
|
padding: EdgeInsets.fromLTRB(50, 16, 50, 16),
|
||
|
|
textStyle: TextStyle(
|
||
|
|
fontWeight: FontWeight.w600,
|
||
|
|
fontFamily: 'Inter-SemiBold',
|
||
|
|
fontSize: 18,
|
||
|
|
),
|
||
|
|
).copyWith(
|
||
|
|
backgroundColor: MaterialStateProperty.resolveWith<Color>(
|
||
|
|
(Set<MaterialState> states) {
|
||
|
|
if (states.contains(MaterialState.disabled)) {
|
||
|
|
return bgDisabled;
|
||
|
|
}
|
||
|
|
return bgEnabled;
|
||
|
|
},
|
||
|
|
),
|
||
|
|
foregroundColor: MaterialStateProperty.resolveWith<Color>(
|
||
|
|
(Set<MaterialState> states) {
|
||
|
|
if (states.contains(MaterialState.disabled)) {
|
||
|
|
return fgDisabled;
|
||
|
|
}
|
||
|
|
return fgEnabled;
|
||
|
|
},
|
||
|
|
),
|
||
|
|
alignment: Alignment.center,
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
ElevatedButtonThemeData buildElevatedButtonThemeData(
|
||
|
|
{@required Color onPrimary, // text button color
|
||
|
|
@required Color primary // background color of button
|
||
|
|
}) {
|
||
|
|
return ElevatedButtonThemeData(
|
||
|
|
style: ElevatedButton.styleFrom(
|
||
|
|
onPrimary: onPrimary,
|
||
|
|
primary: primary,
|
||
|
|
alignment: Alignment.center,
|
||
|
|
textStyle: TextStyle(
|
||
|
|
fontWeight: FontWeight.w600,
|
||
|
|
fontFamily: 'Inter-SemiBold',
|
||
|
|
fontSize: 18,
|
||
|
|
),
|
||
|
|
padding: EdgeInsets.symmetric(vertical: 14),
|
||
|
|
shape: const RoundedRectangleBorder(
|
||
|
|
borderRadius: BorderRadius.all(Radius.circular(8)),
|
||
|
|
),
|
||
|
|
));
|
||
|
|
}
|