|
|
@@ -5,6 +5,7 @@ import 'package:nomo/app/constants/iconfont/iconfont.dart';
|
|
|
import 'package:nomo/config/theme/dark_theme_colors.dart';
|
|
|
import 'package:nomo/config/theme/theme_extensions/theme_extension.dart';
|
|
|
import 'package:video_player/video_player.dart';
|
|
|
+import '../../../../config/theme/light_theme_colors.dart';
|
|
|
import '../../../../config/translations/strings_enum.dart';
|
|
|
import '../../../constants/assets.dart';
|
|
|
import '../../../widgets/info_card.dart';
|
|
|
@@ -17,7 +18,7 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
@override
|
|
|
Widget build(BuildContext context) {
|
|
|
return Scaffold(
|
|
|
- backgroundColor: DarkThemeColors.scaffoldBackgroundColor,
|
|
|
+ backgroundColor: Get.reactiveTheme.scaffoldBackgroundColor,
|
|
|
body: Stack(
|
|
|
children: [
|
|
|
// 视频背景层(只显示顶部214高度)
|
|
|
@@ -53,8 +54,12 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
gradient: LinearGradient(
|
|
|
begin: Alignment.topCenter,
|
|
|
end: Alignment.bottomCenter,
|
|
|
- colors: [Colors.black.withValues(alpha: 0.6), Colors.black],
|
|
|
- stops: const [0.0, 1.0],
|
|
|
+ colors: ReactiveTheme.isLightTheme
|
|
|
+ ? [Colors.black, Color(0x99F5D89F), Color(0xFFEFF1F5)]
|
|
|
+ : [Colors.black.withValues(alpha: 0.6), Colors.black],
|
|
|
+ stops: ReactiveTheme.isLightTheme
|
|
|
+ ? const [0.0, 0.7, 1.0]
|
|
|
+ : const [0.0, 1.0],
|
|
|
),
|
|
|
),
|
|
|
),
|
|
|
@@ -116,10 +121,18 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
width: 24.w,
|
|
|
height: 24.w,
|
|
|
decoration: BoxDecoration(
|
|
|
- color: Colors.white.withValues(alpha: 0.1),
|
|
|
+ color: ReactiveTheme.isLightTheme
|
|
|
+ ? LightThemeColors.strokes1
|
|
|
+ : Color(0xFF333333),
|
|
|
shape: BoxShape.circle,
|
|
|
),
|
|
|
- child: Icon(Icons.close_rounded, color: Colors.white, size: 16.w),
|
|
|
+ child: Icon(
|
|
|
+ Icons.close_rounded,
|
|
|
+ color: ReactiveTheme.isLightTheme
|
|
|
+ ? LightThemeColors.text2
|
|
|
+ : Colors.white,
|
|
|
+ size: 16.w,
|
|
|
+ ),
|
|
|
),
|
|
|
),
|
|
|
],
|
|
|
@@ -173,7 +186,9 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
style: TextStyle(
|
|
|
fontSize: 14.sp,
|
|
|
height: 1.4,
|
|
|
- color: DarkThemeColors.subscriptionColor,
|
|
|
+ color: ReactiveTheme.isLightTheme
|
|
|
+ ? LightThemeColors.text1
|
|
|
+ : DarkThemeColors.subscriptionColor,
|
|
|
fontWeight: FontWeight.w700,
|
|
|
),
|
|
|
),
|
|
|
@@ -185,7 +200,7 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
style: TextStyle(
|
|
|
fontSize: 14.sp,
|
|
|
height: 1.4,
|
|
|
- color: Colors.white,
|
|
|
+ color: Get.reactiveTheme.textTheme.bodyLarge!.color,
|
|
|
),
|
|
|
),
|
|
|
],
|
|
|
@@ -250,12 +265,12 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
child: Container(
|
|
|
margin: EdgeInsets.only(bottom: 18.w),
|
|
|
decoration: BoxDecoration(
|
|
|
- color: DarkThemeColors.cardColor,
|
|
|
+ color: Get.reactiveTheme.cardColor,
|
|
|
borderRadius: BorderRadius.circular(12.r),
|
|
|
border: Border.all(
|
|
|
color: isSelected
|
|
|
? DarkThemeColors.subscriptionColor
|
|
|
- : DarkThemeColors.dividerColor,
|
|
|
+ : Get.reactiveTheme.cardColor,
|
|
|
width: 2.w,
|
|
|
),
|
|
|
),
|
|
|
@@ -278,7 +293,8 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
style: TextStyle(
|
|
|
fontSize: 18.sp,
|
|
|
height: 1.4,
|
|
|
- color: DarkThemeColors.bodyTextColor,
|
|
|
+ color:
|
|
|
+ Get.reactiveTheme.textTheme.bodyLarge!.color,
|
|
|
fontWeight: FontWeight.w600,
|
|
|
),
|
|
|
),
|
|
|
@@ -287,7 +303,7 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
style: TextStyle(
|
|
|
fontSize: 12.sp,
|
|
|
height: 1.6,
|
|
|
- color: DarkThemeColors.hintTextColor,
|
|
|
+ color: Get.reactiveTheme.hintColor,
|
|
|
),
|
|
|
),
|
|
|
],
|
|
|
@@ -301,7 +317,7 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
style: TextStyle(
|
|
|
fontSize: 13.sp,
|
|
|
height: 1.4,
|
|
|
- color: DarkThemeColors.bodyTextColor,
|
|
|
+ color: Get.reactiveTheme.textTheme.bodyLarge!.color,
|
|
|
),
|
|
|
),
|
|
|
8.horizontalSpace,
|
|
|
@@ -313,6 +329,8 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
border: Border.all(
|
|
|
color: isSelected
|
|
|
? DarkThemeColors.primaryColor
|
|
|
+ : ReactiveTheme.isLightTheme
|
|
|
+ ? LightThemeColors.strokes1
|
|
|
: Colors.white30,
|
|
|
width: 1.5.w,
|
|
|
),
|
|
|
@@ -400,7 +418,9 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
Strings.premiumsIncluded.tr,
|
|
|
style: TextStyle(
|
|
|
fontSize: 16.sp,
|
|
|
- color: DarkThemeColors.subscriptionColor,
|
|
|
+ color: ReactiveTheme.isLightTheme
|
|
|
+ ? LightThemeColors.primaryColor
|
|
|
+ : DarkThemeColors.subscriptionColor,
|
|
|
fontWeight: FontWeight.w500,
|
|
|
),
|
|
|
),
|
|
|
@@ -408,7 +428,7 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
Container(
|
|
|
padding: EdgeInsets.symmetric(vertical: 4.w, horizontal: 10.w),
|
|
|
decoration: BoxDecoration(
|
|
|
- color: DarkThemeColors.bgDisable,
|
|
|
+ color: Get.reactiveTheme.cardColor,
|
|
|
borderRadius: BorderRadius.circular(12.r),
|
|
|
),
|
|
|
child: Column(
|
|
|
@@ -444,7 +464,13 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
height: 44.w,
|
|
|
child: Row(
|
|
|
children: [
|
|
|
- Icon(icon, color: DarkThemeColors.subscriptionColor, size: 24.w),
|
|
|
+ Icon(
|
|
|
+ icon,
|
|
|
+ color: ReactiveTheme.isLightTheme
|
|
|
+ ? LightThemeColors.primaryColor
|
|
|
+ : DarkThemeColors.subscriptionColor,
|
|
|
+ size: 24.w,
|
|
|
+ ),
|
|
|
12.horizontalSpace,
|
|
|
Expanded(
|
|
|
child: Text(
|
|
|
@@ -475,7 +501,7 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
padding: EdgeInsets.symmetric(vertical: 10.w, horizontal: 14.w),
|
|
|
decoration: BoxDecoration(
|
|
|
border: Border(
|
|
|
- top: BorderSide(color: Colors.white.withOpacity(0.1), width: 1),
|
|
|
+ top: BorderSide(color: Get.reactiveTheme.dividerColor, width: 1),
|
|
|
),
|
|
|
),
|
|
|
child: Column(
|
|
|
@@ -516,7 +542,7 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
Strings.restorePurchases.tr,
|
|
|
style: TextStyle(
|
|
|
fontSize: 16.sp,
|
|
|
- color: DarkThemeColors.bodyTextColor,
|
|
|
+ color: Get.reactiveTheme.textTheme.bodyLarge!.color,
|
|
|
),
|
|
|
),
|
|
|
),
|
|
|
@@ -524,7 +550,7 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
' | ',
|
|
|
style: TextStyle(
|
|
|
fontSize: 16.sp,
|
|
|
- color: DarkThemeColors.hintTextColor,
|
|
|
+ color: Get.reactiveTheme.hintColor,
|
|
|
),
|
|
|
),
|
|
|
GestureDetector(
|
|
|
@@ -533,7 +559,7 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
Strings.paymentIssue.tr,
|
|
|
style: TextStyle(
|
|
|
fontSize: 16.sp,
|
|
|
- color: DarkThemeColors.bodyTextColor,
|
|
|
+ color: Get.reactiveTheme.textTheme.bodyLarge!.color,
|
|
|
),
|
|
|
),
|
|
|
),
|
|
|
@@ -554,7 +580,7 @@ class SubscriptionView extends GetView<SubscriptionController> {
|
|
|
Strings.yearlyAutoRenewCancelAnytime.tr,
|
|
|
style: TextStyle(
|
|
|
fontSize: 13.sp,
|
|
|
- color: DarkThemeColors.hintTextColor,
|
|
|
+ color: Get.reactiveTheme.hintColor,
|
|
|
),
|
|
|
),
|
|
|
],
|