- Use white text (gray-100 #f3f4f6) in editor to match preview
- Set editor background to gray-800 (#1f2937) matching preview
- Lighten preview container from gray-900 to gray-800
- Add explicit text-gray-100 color to preview content
- Lighten tag backgrounds to 40% opacity for better contrast
- Add MutationObserver to detect dark mode changes and recreate editor
- Update cursor, selection, and gutter colors for dark mode
Both editor and preview now have consistent white-on-dark-gray styling
for improved readability in dark mode.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Index event (30040) tags: blue
- Content event (30041) tags: green
- Improves visual distinction between event types
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Fixed regex bug in attribute parsing (\s instead of \\s)
- Section-specific tags now extracted correctly from AsciiDoc attributes
- Added tag display for index events (30040) in preview
- Removed duplicate document header/tags rendering
- Tags now show for all 30040 and 30041 events at all parse levels
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Increase page container width from 1024px to 1536px for modern displays
- Adjust editor/preview split from 50/50 to 60/40 (editor larger)
- Add max-width constraints to content areas (900px editor, 896px preview)
- Center content within panels for optimal reading line length
- Remove duplicate "Document tags:" display in preview
The editor now has more breathing room while maintaining readable
line lengths. Content stays centered and constrained even with long
paragraphs, improving overall UX for writing and reviewing.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
limina1
Michael J
buttercat1791
Nuša Pukšič