fix(ui): 修复多个UI样式问题
1. 修复 Light Mode 卡片背景色(surfaceCard: #FFFFFF) 2. 修复首页充值按钮颜色(使用主色实心背景+白色文字) 3. 修复'更多'和'资产详情'文字颜色(使用 text-muted) 4. 修复邀请码卡片背景色(使用琥珀色渐变) 5. 修复'复制邀请码'按钮文字颜色(使用 onPrimary)
This commit is contained in:
@@ -61,19 +61,30 @@ class _WelfareCenterPageState extends State<WelfareCenterPage> {
|
||||
|
||||
/// 金色渐变卡片容器
|
||||
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(
|
||||
borderRadius: BorderRadius.circular(AppRadius.xl),
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
colors: [
|
||||
goldAccent.withValues(alpha: 0.15),
|
||||
context.appColors.surfaceCard,
|
||||
],
|
||||
colors: gradientColors,
|
||||
),
|
||||
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,
|
||||
),
|
||||
);
|
||||
@@ -230,7 +241,7 @@ class _WelfareCenterPageState extends State<WelfareCenterPage> {
|
||||
},
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: goldAccent,
|
||||
foregroundColor: context.colors.onSurface,
|
||||
foregroundColor: context.colors.onPrimary,
|
||||
elevation: 0,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(AppRadius.lg),
|
||||
@@ -239,7 +250,7 @@ class _WelfareCenterPageState extends State<WelfareCenterPage> {
|
||||
),
|
||||
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