diff --git a/client/lib/screens/auth/login_screen.dart b/client/lib/screens/auth/login_screen.dart
index 9ba3a3b..0b4e0b2 100644
--- a/client/lib/screens/auth/login_screen.dart
+++ b/client/lib/screens/auth/login_screen.dart
@@ -714,7 +714,7 @@ class _HistoryMenuItemState extends State<_HistoryMenuItem> {
       onExit: (_) => setState(() => _hovered = false),
       cursor: SystemMouseCursors.click,
       child: Material(
-        color: _hovered ? const Color(0xFFF0F4FF) : Colors.white,
+        color: _hovered ? context.tokens.rowHover : context.tokens.surface,
         child: InkWell(
           onTap: widget.onSelected,
           child: Padding(
diff --git a/client/lib/screens/inventory/inventory_check_screen.dart b/client/lib/screens/inventory/inventory_check_screen.dart
index 8bceacf..f8bc6c8 100644
--- a/client/lib/screens/inventory/inventory_check_screen.dart
+++ b/client/lib/screens/inventory/inventory_check_screen.dart
@@ -353,8 +353,8 @@ class _InventoryCheckScreenState extends ConsumerState<InventoryCheckScreen> {
                               },
                               children: [
                                 TableRow(
-                                  decoration: const BoxDecoration(
-                                      color: Color(0xFFF0F4FF)),
+                                  decoration: BoxDecoration(
+                                      color: context.tokens.thBg),
                                   children: [
                                     '序号',
                                     '商品编码',
diff --git a/client/lib/screens/shell/app_shell.dart b/client/lib/screens/shell/app_shell.dart
index 3d46288..c9adf4c 100644
--- a/client/lib/screens/shell/app_shell.dart
+++ b/client/lib/screens/shell/app_shell.dart
@@ -1012,8 +1012,8 @@ class _HoverMenuItemState extends State<_HoverMenuItem> {
 
   @override
   Widget build(BuildContext context) {
-    const color = Color(0xFF333333);
-    const hoverBg = Color(0xFFF0F4FF);
+    final color = context.tokens.text;
+    final hoverBg = context.tokens.rowHover;
 
     return MouseRegion(
       onEnter: (_) => setState(() => _hovered = true),
diff --git a/client/lib/screens/stock_in/stock_in_form_screen.dart b/client/lib/screens/stock_in/stock_in_form_screen.dart
index e5064a8..62e8e3c 100644
--- a/client/lib/screens/stock_in/stock_in_form_screen.dart
+++ b/client/lib/screens/stock_in/stock_in_form_screen.dart
@@ -984,7 +984,7 @@ class _StockInFormScreenState extends ConsumerState<StockInFormScreen> {
                   color: context.tokens.primaryDark)),
         );
     return Container(
-      color: const Color(0xFFF0F4FF),
+      color: context.tokens.thBg,
       child: Row(children: [
         SizedBox(width: 36, child: th('序号')),
         Expanded(flex: 18, child: th('名称')),
@@ -1115,7 +1115,7 @@ class _StockInFormScreenState extends ConsumerState<StockInFormScreen> {
   Widget _buildOptionalSection(_ItemRow item) {
     return Container(
       decoration: BoxDecoration(
-        color: const Color(0xFFF0F6FF),
+        color: context.tokens.infoSoft,
         border: Border(left: BorderSide(color: context.tokens.primary, width: 3)),
       ),
       padding: const EdgeInsets.fromLTRB(16, 10, 16, 14),
diff --git a/client/lib/screens/stock_in/stock_in_list_screen.dart b/client/lib/screens/stock_in/stock_in_list_screen.dart
index 416b34f..4e12149 100644
--- a/client/lib/screens/stock_in/stock_in_list_screen.dart
+++ b/client/lib/screens/stock_in/stock_in_list_screen.dart
@@ -1201,7 +1201,7 @@ class _StockInDetailDialogState extends ConsumerState<_StockInDetailDialog> {
               },
               children: [
                 TableRow(
-                  decoration: const BoxDecoration(color: Color(0xFFF0F4FF)),
+                  decoration: BoxDecoration(color: context.tokens.thBg),
                   children: ['序号', '商品编码', '名称', '系列', '规格', '生产日期', '批次号', '数量', '单价', '金额']
                       .map((h) => Padding(
                             padding: const EdgeInsets.symmetric(
diff --git a/client/lib/screens/stock_out/stock_out_form_screen.dart b/client/lib/screens/stock_out/stock_out_form_screen.dart
index 821854b..0ab608c 100644
--- a/client/lib/screens/stock_out/stock_out_form_screen.dart
+++ b/client/lib/screens/stock_out/stock_out_form_screen.dart
@@ -671,8 +671,8 @@ class _StockOutFormScreenState extends ConsumerState<StockOutFormScreen> {
                                     },
                                     children: [
                                       TableRow(
-                                        decoration: const BoxDecoration(
-                                            color: Color(0xFFF0F4FF)),
+                                        decoration: BoxDecoration(
+                                            color: context.tokens.thBg),
                                         children: [
                                           '序号',
                                           '商品编码',
@@ -1091,7 +1091,7 @@ class _InventoryPickerDialogState
             ),
             // Table header
             Container(
-              color: const Color(0xFFF0F4FF),
+              color: context.tokens.thBg,
               padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
               child: Row(
                 children: [
diff --git a/client/lib/widgets/data_table_card.dart b/client/lib/widgets/data_table_card.dart
index eddd7ab..31f93b5 100644
--- a/client/lib/widgets/data_table_card.dart
+++ b/client/lib/widgets/data_table_card.dart
@@ -150,7 +150,7 @@ class _DataTableCardState extends State<DataTableCard> {
 
   TableRow _buildHeaderRow() {
     return TableRow(
-      decoration: const BoxDecoration(color: Color(0xFFF0F4FF)),
+      decoration: BoxDecoration(color: context.tokens.thBg),
       children: widget.columns.map((col) {
         return Padding(
           padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
diff --git a/client/lib/widgets/order_return_dialog.dart b/client/lib/widgets/order_return_dialog.dart
index 760dd5e..02dea30 100644
--- a/client/lib/widgets/order_return_dialog.dart
+++ b/client/lib/widgets/order_return_dialog.dart
@@ -270,7 +270,7 @@ class _OrderReturnDialogState extends State<_OrderReturnDialog> {
               margin: const EdgeInsets.fromLTRB(16, 2, 16, 8),
               padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
               decoration: BoxDecoration(
-                color: const Color(0xFFF0F6FF),
+                color: context.tokens.infoSoft,
                 border: Border(left: BorderSide(color: context.tokens.primary, width: 3)),
                 borderRadius: BorderRadius.circular(4),
               ),