feat: 拼音字母选择

miniprogram/englishPages/letterTracing/draw/singleLetterDraw.ts

@@ -8,7 +8,7 @@ import {
     fontFamilyOf,
     PRINT_CLEARLY_BOLD,
     PRINT_CLEARLY_DASHED,
-} from '../../shared/data/fontProfiles';
+} from '../../../core/font/fontProfiles';
 import {
     calcLetterFontSizes,
     drawFourLineGrid,
@@ -18,8 +18,9 @@ import {
     loadLetterFont,
     type LetterFontSizes,
 } from '../../shared/draw/drawTools';
+import { GRID_COLORS, TRACING_COLORS } from '../../../core/data/tracingStyles';
 
-const LINE_INK_ALPHA = 'rgba(50, 46, 37, 1)';
+const LINE_INK_ALPHA = GRID_COLORS.border;
 const ACCENT_RED = 'rgba(252, 46, 0, 1)';
 const TITLE_TEXT_FONT = '14px sans-serif';
 const TITLE_ICON_GAP = 4;
@@ -167,10 +168,10 @@ export default class SingleLetterDraw extends BaseDrawService {
         const groupsPerLine = [8, 6, 3, 1];
         const slotW = lineW / groupsPerLine[0]; // 以第一行的 8 组为基准
         const lineStyles = [
-            { color: 'rgba(26, 26, 26, 1)', alpha: 1, dashed: false },
-            { color: '#FF8E8E', alpha: 1, dashed: false },
-            { color: '#FF8E8E', alpha: 0.5, dashed: false },
-            { color: '#FF8E8E', alpha: 0.5, dashed: true },
+            { color: TRACING_COLORS.strong, alpha: 1, dashed: false },
+            { color: TRACING_COLORS.guide, alpha: 1, dashed: false },
+            { color: TRACING_COLORS.guide, alpha: 0.5, dashed: false },
+            { color: TRACING_COLORS.guide, alpha: 0.5, dashed: true },
         ] as const;
 
         for (let r = 0; r < lineTops.length; r++) {