QT/sure
1
0
Fork 0
mirror of https://github.com/we-promise/sure.git synced 2026-07-13 05:15:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(mobile): normalize dashboard text weight to DS Medium (500) (#2344)

Browse Source 
Migrate the dashboard text tier off the off-convention bold (700) and semibold (600) to the design-system Medium (500): 14 weight-only sites across 5 files — net-worth headline + breakdown modal + asset/liability filter balances, account-card name + balance, collapsible-type section header + count badge, the stale "Outdated" badge, and the recent + list transaction names + amounts.

The web DS uses font-medium/500 for emphasis (essentially no bold or semibold), so this lands one uniform Medium tier and removes the inverted hierarchy where a money amount rendered lighter than its own label. Sizes, colors, and structure are untouched (zero layout shift); money keeps SureMoney.tabular and semantic color. The swipe "Undo" button affordance (w600 + hardcoded color) is intentionally left for a future button-primitive slice.

Part of #2235.
This commit is contained in:
ghost
2026-06-16 00:37:55 -07:00
committed by GitHub
parent 8ad3975759
commit 6dec201c22
5 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
mobile/lib/screens/dashboard_screen.dart
View File

@@ -710,7 +710,7 @@ class _CollapsibleTypeHeader extends StatelessWidget {
Text(
title,
style: Theme.of(context).textTheme.titleSmall?.copyWith(
fontWeight: FontWeight.w600,
fontWeight: FontWeight.w500,
),
),
const SizedBox(width: 8),
@@ -724,7 +724,7 @@ class _CollapsibleTypeHeader extends StatelessWidget {
count.toString(),
style: TextStyle(
color: colorScheme.onPrimaryContainer,
fontWeight: FontWeight.bold,
fontWeight: FontWeight.w500,
fontSize: 11,
),
),

2
mobile/lib/screens/recent_transactions_screen.dart
View File

@@ -274,7 +274,7 @@ class _RecentTransactionsScreenState extends State<RecentTransactionsScreen> {
: '$sign${transaction.currency} ${_formatAmount(amount.abs())}',
trend: moneyTrend,
style: const TextStyle(
fontWeight: FontWeight.bold,
fontWeight: FontWeight.w500,
fontSize: 16,
),
),

4
mobile/lib/screens/transactions_list_screen.dart
View File

@@ -564,7 +564,7 @@ class _TransactionsListScreenState extends State<TransactionsListScreen> {
child: Text(
transaction.name,
style: Theme.of(context).textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.w600,
fontWeight: FontWeight.w500,
),
overflow: TextOverflow.ellipsis,
),
@@ -664,7 +664,7 @@ class _TransactionsListScreenState extends State<TransactionsListScreen> {
trend: displayInfo['trend'] as MoneyTrend,
overflow: TextOverflow.ellipsis,
style: Theme.of(context).textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.bold,
fontWeight: FontWeight.w500,
),
),
),

4
mobile/lib/widgets/account_card.dart
View File

@@ -89,7 +89,7 @@ class AccountCard extends StatelessWidget {
Text(
account.name,
style: Theme.of(context).textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.w600,
fontWeight: FontWeight.w500,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
@@ -113,7 +113,7 @@ class AccountCard extends StatelessWidget {
account.balance,
style: SureMoney.tabular(
Theme.of(context).textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.bold,
fontWeight: FontWeight.w500,
color: account.isLiability
? SureColors.of(context).palette.destructive
: null,

14
mobile/lib/widgets/net_worth_card.dart
View File

@@ -68,7 +68,7 @@ class NetWorthCard extends StatelessWidget {
'Outdated',
style: Theme.of(context).textTheme.labelSmall?.copyWith(
color: colorScheme.secondary,
fontWeight: FontWeight.w600,
fontWeight: FontWeight.w500,
),
),
),
@@ -80,7 +80,7 @@ class NetWorthCard extends StatelessWidget {
netWorthFormatted ?? '--',
style: SureMoney.tabular(
Theme.of(context).textTheme.headlineSmall?.copyWith(
fontWeight: FontWeight.bold,
fontWeight: FontWeight.w500,
color: isStale
? colorScheme.secondary
: colorScheme.onSurface,
@@ -209,7 +209,7 @@ class NetWorthCard extends StatelessWidget {
Text(
title,
style: Theme.of(context).textTheme.titleLarge?.copyWith(
fontWeight: FontWeight.bold,
fontWeight: FontWeight.w500,
color: color,
),
),
@@ -241,7 +241,7 @@ class NetWorthCard extends StatelessWidget {
Text(
formatAmount(entry.key, entry.value),
style: Theme.of(context).textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.bold,
fontWeight: FontWeight.w500,
),
),
],
@@ -303,7 +303,7 @@ class _FilterButton extends StatelessWidget {
child: Text(
'--',
style: Theme.of(context).textTheme.titleLarge?.copyWith(
fontWeight: FontWeight.bold,
fontWeight: FontWeight.w500,
color: colorScheme.onSurface,
),
),
@@ -314,7 +314,7 @@ class _FilterButton extends StatelessWidget {
formatAmount(sortedEntries.first.key, sortedEntries.first.value),
style: SureMoney.tabular(
Theme.of(context).textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.bold,
fontWeight: FontWeight.w500,
color: colorScheme.onSurface,
),
),
@@ -336,7 +336,7 @@ class _FilterButton extends StatelessWidget {
formatAmount(entry.key, entry.value),
style: SureMoney.tabular(
Theme.of(context).textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.bold,
fontWeight: FontWeight.w500,
color: colorScheme.onSurface,
),
),