antialias/soroban-abacus-flashcards
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use dark gray for borrowing hints on colored backgrounds

Browse Source 
Change arrow and text from white to gray.darken(40%) when place
value colors are enabled. This ensures visibility on all pastel
backgrounds (blue, green, yellow, pink, purple, peach).

Maintains consistency with non-colored version which already uses gray.

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
2025-11-08 07:16:51 -06:00
parent 3e1b51bd84
commit 5cb346deee
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/src/app/create/worksheets/addition/typstHelpers.ts
View File

@@ -457,8 +457,8 @@ export function generateSubtractionProblemStackFunction(
top + center,
dy: 2pt,
box[
#text(size: ${(cellSizePt * 0.25).toFixed(1)}pt, fill: white, stroke: 0.3pt + black, weight: "bold")[#str(display-value) − ]
#text(size: ${(cellSizePt * 0.25).toFixed(1)}pt, fill: white, stroke: 0.3pt + black, weight: "bold")[1]
#text(size: ${(cellSizePt * 0.25).toFixed(1)}pt, fill: gray.darken(40%), weight: "bold")[#str(display-value) − ]
#text(size: ${(cellSizePt * 0.25).toFixed(1)}pt, fill: gray.darken(40%), weight: "bold")[1]
]
)
// Draw curved line using Typst bezier with control point
@@ -467,7 +467,7 @@ export function generateSubtractionProblemStackFunction(
dx: ${(cellSize * 0.9).toFixed(2)}in,
dy: ${(cellSize * 0.15).toFixed(2)}in,
path(
stroke: (paint: white, thickness: 1.5pt),
stroke: (paint: gray.darken(40%), thickness: 1.5pt),
// Start vertex (near the "1" in borrow box)
(0pt, 0pt),
// End vertex adjusted up and left to align with arrowhead (vertex, relative-control-point)
@@ -479,7 +479,7 @@ export function generateSubtractionProblemStackFunction(
top + left,
dx: ${(cellSize * 0.96).toFixed(2)}in,
dy: ${(cellSize * 0.62).toFixed(2)}in,
text(size: ${(cellSizePt * 0.35).toFixed(1)}pt, fill: white)[▼]
text(size: ${(cellSizePt * 0.35).toFixed(1)}pt, fill: gray.darken(40%))[▼]
)
]
} else {