soroban-abacus-flashcards/apps/web/scripts
Thomas Hallock fcbf0f5421 fix(abacus-react): remove duplicate numeral rendering and fix dark mode colors
Two critical issues fixed:

1. **Duplicate numerals**: Both AbacusSVGRenderer and AbacusReact were rendering
   numerals when showNumbers={true}, causing two overlapping number displays.
   - Disabled SVG text numerals in AbacusSVGRenderer (line 436: added `false &&`)
   - NumberFlow provides better animated numerals, keep only those

2. **White numerals in dark mode**: NumberFlow components were inheriting CSS
   color from parent, turning white in dark mode (unreadable on light frames).
   - Added explicit color style to NumberFlow: uses themeAwareCustomStyles
   - Now consistently dark (rgba(0,0,0,0.8)) regardless of page theme

This was the root cause of the "white numerals everywhere" issue - the
NumberFlow components were inheriting dark mode CSS colors.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-08 09:43:18 -06:00
..
generate-build-info.js
generateAbacusIcons.tsx fix: configure favicon metadata and improve bead visibility 2025-11-03 08:59:14 -06:00
generateAllDayIcons.tsx feat(worksheets): Phase 5 - Update typstGenerator for operator support 2025-11-07 22:30:15 -06:00
generateBlogExamples.ts feat(blog): generate worksheet examples showing scaffolding progression 2025-11-07 08:49:41 -06:00
generateDayIcon.tsx refactor: use package-level cropToActiveBeads in generateDayIcon script 2025-11-05 10:01:46 -06:00
generateTenFrameExamples.ts feat: optimize ten-frame blog examples for dark theme 2025-11-07 14:05:24 -06:00
parseBoardCSV.js
setup-google-classroom.sh
traceDifficultyPath.ts fix: prevent undefined displayRules error in worksheet generator 2025-11-07 13:01:54 -06:00
validateTypstRefactoring.ts fix(abacus-react): remove duplicate numeral rendering and fix dark mode colors 2025-11-08 09:43:18 -06:00