Skip to content

Fix ruled paper: light beige bg, lighter lines, fix line alignment#422

Merged
realproject7 merged 1 commit intomainfrom
hotfix/paper-alignment
Mar 21, 2026
Merged

Fix ruled paper: light beige bg, lighter lines, fix line alignment#422
realproject7 merged 1 commit intomainfrom
hotfix/paper-alignment

Conversation

@realproject7
Copy link
Copy Markdown
Owner

Summary

Fixes 3 issues with the ruled paper content area:

  1. Light beige bg (#F5F0E8) — blends with page bg instead of standing out as white
  2. Lighter lines — reduced saturation/lightness on both blue lines and pink margin
  3. Line alignment on mobile — switched from 1.6em (varies with font rendering) to fixed 26px line-height with background-position-y offset so text sits exactly on ruled lines

Changes

  • --paper-bg: #F5F0E8 (was #FFFCF7)
  • --paper-line: hsl(234, 25%, 93%) (was hsl(234, 40%, 90%))
  • --paper-margin: hsl(350, 35%, 93%) (was hsl(350, 60%, 92%))
  • Line thickness: 1px (was 2px)
  • Line-height: 26px fixed (was 1.6em)
  • Added background-position-y to align grid with padding

🤖 Generated with Claude Code

…ment

- Paper bg: #F5F0E8 (light beige, blends with page)
- Lines: lighter (hsl 25% sat, 93% light), 1px thickness
- Margin line: subtler (hsl 35% sat, 93% light), 2px wide
- Line alignment: use fixed 26px line-height with matching
  background-position-y offset so text sits on lines
- Works consistently on both desktop and mobile

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@realproject7 realproject7 merged commit 32692f6 into main Mar 21, 2026
@realproject7 realproject7 deleted the hotfix/paper-alignment branch March 21, 2026 20:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant