fix(ui): 修复多个UI样式问题
1. 修复 Light Mode 卡片背景色(surfaceCard: #FFFFFF) 2. 修复首页充值按钮颜色(使用主色实心背景+白色文字) 3. 修复'更多'和'资产详情'文字颜色(使用 text-muted) 4. 修复邀请码卡片背景色(使用琥珀色渐变) 5. 修复'复制邀请码'按钮文字颜色(使用 onPrimary)
This commit is contained in:
@@ -37,6 +37,6 @@ _flutter.buildConfig = {"engineRevision":"e4b8dca3f1b4ede4c30371002441c88c12187e
|
|||||||
|
|
||||||
_flutter.loader.load({
|
_flutter.loader.load({
|
||||||
serviceWorkerSettings: {
|
serviceWorkerSettings: {
|
||||||
serviceWorkerVersion: "759579798" /* Flutter's service worker is deprecated and will be removed in a future Flutter release. */
|
serviceWorkerVersion: "3968745925" /* Flutter's service worker is deprecated and will be removed in a future Flutter release. */
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@@ -92,8 +92,8 @@ class AppThemeColors extends ThemeExtension<AppThemeColors> {
|
|||||||
|
|
||||||
/// 浅色主题工厂
|
/// 浅色主题工厂
|
||||||
factory AppThemeColors.light() => AppThemeColors(
|
factory AppThemeColors.light() => AppThemeColors(
|
||||||
surfaceCard: AppColorScheme.lightSurfaceContainerHigh,
|
surfaceCard: AppColorScheme.lightSurfaceLowest,
|
||||||
surfaceCardHigh: AppColorScheme.lightSurfaceContainerHigh,
|
surfaceCardHigh: AppColorScheme.lightSurfaceContainer,
|
||||||
onSurfaceMuted: AppColorScheme.lightOnSurfaceMuted,
|
onSurfaceMuted: AppColorScheme.lightOnSurfaceMuted,
|
||||||
up: AppColorScheme.lightTertiary,
|
up: AppColorScheme.lightTertiary,
|
||||||
upBackground: AppColorScheme.lightTertiary.withValues(alpha: 0.15),
|
upBackground: AppColorScheme.lightTertiary.withValues(alpha: 0.15),
|
||||||
|
|||||||
@@ -544,19 +544,18 @@ class _AssetCardState extends State<_AssetCard> {
|
|||||||
vertical: AppSpacing.xs + 2,
|
vertical: AppSpacing.xs + 2,
|
||||||
),
|
),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: context.colors.primary.withValues(alpha: 0.1),
|
color: context.colors.primary,
|
||||||
borderRadius: BorderRadius.circular(AppRadius.full),
|
borderRadius: BorderRadius.circular(AppRadius.full),
|
||||||
border: Border.all(color: context.colors.primary.withValues(alpha: 0.2)),
|
|
||||||
),
|
),
|
||||||
child: Row(
|
child: Row(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
Icon(Icons.add, size: 14, color: context.colors.primary),
|
Icon(Icons.add, size: 14, color: context.colors.onPrimary),
|
||||||
SizedBox(width: AppSpacing.xs),
|
SizedBox(width: AppSpacing.xs),
|
||||||
Text(
|
Text(
|
||||||
'充值',
|
'充值',
|
||||||
style: AppTextStyles.labelLarge(context).copyWith(
|
style: AppTextStyles.labelLarge(context).copyWith(
|
||||||
color: context.colors.primary,
|
color: context.colors.onPrimary,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
@@ -957,7 +956,7 @@ class _HoldingsSection extends StatelessWidget {
|
|||||||
TextButton(
|
TextButton(
|
||||||
onPressed: () {},
|
onPressed: () {},
|
||||||
style: TextButton.styleFrom(
|
style: TextButton.styleFrom(
|
||||||
foregroundColor: context.colors.primary,
|
foregroundColor: context.appColors.onSurfaceMuted,
|
||||||
padding: const EdgeInsets.symmetric(horizontal: AppSpacing.sm),
|
padding: const EdgeInsets.symmetric(horizontal: AppSpacing.sm),
|
||||||
),
|
),
|
||||||
child: Row(
|
child: Row(
|
||||||
@@ -968,7 +967,7 @@ class _HoldingsSection extends StatelessWidget {
|
|||||||
)),
|
)),
|
||||||
const SizedBox(width: AppSpacing.xs),
|
const SizedBox(width: AppSpacing.xs),
|
||||||
Icon(LucideIcons.chevronRight,
|
Icon(LucideIcons.chevronRight,
|
||||||
size: 16, color: context.colors.primary),
|
size: 16, color: context.appColors.onSurfaceMuted),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|||||||
@@ -24,7 +24,9 @@ class HotCoinsSection extends StatelessWidget {
|
|||||||
),
|
),
|
||||||
Text(
|
Text(
|
||||||
'更多',
|
'更多',
|
||||||
style: AppTextStyles.bodyMedium(context),
|
style: AppTextStyles.bodyMedium(context).copyWith(
|
||||||
|
color: context.appColors.onSurfaceMuted,
|
||||||
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
|||||||
@@ -61,19 +61,30 @@ class _WelfareCenterPageState extends State<WelfareCenterPage> {
|
|||||||
|
|
||||||
/// 金色渐变卡片容器
|
/// 金色渐变卡片容器
|
||||||
BoxDecoration _goldGradientDecoration() {
|
BoxDecoration _goldGradientDecoration() {
|
||||||
final goldAccent = context.appColors.accentPrimary;
|
final isDark = context.isDark;
|
||||||
|
// Light Mode: 琥珀色渐变(从 amber 15% 到深灰 5%)
|
||||||
|
// Dark Mode: 金色渐变
|
||||||
|
final gradientColors = isDark
|
||||||
|
? [
|
||||||
|
context.appColors.accentPrimary.withValues(alpha: 0.15),
|
||||||
|
context.appColors.surfaceCard,
|
||||||
|
]
|
||||||
|
: [
|
||||||
|
const Color(0xFFF59E0B).withValues(alpha: 0.15), // amber-500 with 15% opacity
|
||||||
|
const Color(0xFF1F2937).withValues(alpha: 0.05), // gray-800 with 5% opacity
|
||||||
|
];
|
||||||
|
|
||||||
return BoxDecoration(
|
return BoxDecoration(
|
||||||
borderRadius: BorderRadius.circular(AppRadius.xl),
|
borderRadius: BorderRadius.circular(AppRadius.xl),
|
||||||
gradient: LinearGradient(
|
gradient: LinearGradient(
|
||||||
begin: Alignment.topCenter,
|
begin: Alignment.topCenter,
|
||||||
end: Alignment.bottomCenter,
|
end: Alignment.bottomCenter,
|
||||||
colors: [
|
colors: gradientColors,
|
||||||
goldAccent.withValues(alpha: 0.15),
|
|
||||||
context.appColors.surfaceCard,
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
border: Border.all(
|
border: Border.all(
|
||||||
color: goldAccent.withValues(alpha: 0.3),
|
color: isDark
|
||||||
|
? context.appColors.accentPrimary.withValues(alpha: 0.3)
|
||||||
|
: const Color(0xFFF59E0B).withValues(alpha: 0.3),
|
||||||
width: 1,
|
width: 1,
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
@@ -230,7 +241,7 @@ class _WelfareCenterPageState extends State<WelfareCenterPage> {
|
|||||||
},
|
},
|
||||||
style: ElevatedButton.styleFrom(
|
style: ElevatedButton.styleFrom(
|
||||||
backgroundColor: goldAccent,
|
backgroundColor: goldAccent,
|
||||||
foregroundColor: context.colors.onSurface,
|
foregroundColor: context.colors.onPrimary,
|
||||||
elevation: 0,
|
elevation: 0,
|
||||||
shape: RoundedRectangleBorder(
|
shape: RoundedRectangleBorder(
|
||||||
borderRadius: BorderRadius.circular(AppRadius.lg),
|
borderRadius: BorderRadius.circular(AppRadius.lg),
|
||||||
@@ -239,7 +250,7 @@ class _WelfareCenterPageState extends State<WelfareCenterPage> {
|
|||||||
),
|
),
|
||||||
child: Text(
|
child: Text(
|
||||||
'复制邀请码',
|
'复制邀请码',
|
||||||
style: AppTextStyles.headlineMedium(context).copyWith(color: context.colors.onSurface),
|
style: AppTextStyles.headlineMedium(context).copyWith(color: context.colors.onPrimary),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|||||||
Reference in New Issue
Block a user