style(desktop): style Monaco DiffEditor to match LightDiffViewer

[Kitenite]

Summary

• Increased diff color alpha values to match LightDiffViewer's stronger coloring, and fixed gutter-to-line intensity (gutter is now more subtle than lines, matching the simple diff viewer)
• Added clean editor options (renderLineHighlight: "none", folding: false, no indent/bracket guides) to shared MONACO_EDITOR_OPTIONS for consistency across both file editor and diff editor
• Added renderIndicators: false to DiffViewer to remove +/- gutter indicators

Test plan

• Open a file with changes — diff colors should be stronger and more visible
• Enter edit mode on a diff — confirm no fold icons, indent guides, line highlight, or +/- indicators
• Open a regular file (non-diff) — confirm it also has the clean look (no fold icons, indent guides, line highlight)
• Test with both light and dark themes
• Test both side-by-side and inline diff modes

Summary by CodeRabbit

Release Notes

• UI Improvements
  • Removed line highlighting, guides, and folding indicators from the editor
  • Increased opacity of code insertion and deletion indicators in diff view
  • Disabled rendering indicators for a cleaner diff interface

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

Configuration changes to Monaco editor settings across three files: disabling line highlighting, code folding, guide lines, and diff indicators in the editor UI, while increasing opacity levels for diff-related color tokens.

Changes

Cohort / File(s)	Summary
Monaco Editor Configuration apps/desktop/src/renderer/providers/MonacoProvider/MonacoProvider.tsx, apps/desktop/src/renderer/screens/main/components/WorkspaceView/ChangesContent/components/DiffViewer/DiffViewer.tsx	Disabled visual features: line highlighting, code folding, indentation/bracket pair guides in main editor; disabled rendering indicators in diff editor.
Theme Color Adjustments apps/desktop/src/renderer/stores/theme/utils/monaco-theme.ts	Increased opacity values for diff editor background colors (inserted/removed text and gutter lines) from lower alpha values to higher ones (0.2, 0.15) for improved visibility.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• feat(desktop): improve side-by-side diff view UI and fix content reset #836: Modifies DiffViewer Monaco DiffEditor options configuration alongside other diff view settings.
• fix(desktop): add visual gap between line number columns in inline diff #1019: Updates DiffViewer.tsx DiffEditor configuration with additional Monaco editor options.
• fix(desktop): reduce diff viewer gutter width #861: Modifies both MONACO_EDITOR_OPTIONS and DiffViewer editor settings in the same files.

Poem

🐰 Folding fades and guides disappear,
Highlights gone, the view is clear!
Diff colors bloom in bolder hue,
Monaco's canvas, fresh and new! 🎨

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch kitenite/make-monaco-look-more-like-diffs

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

🧹 Preview Cleanup Complete

The following preview resources have been cleaned up:

• ⚠️ Neon database branch
• ⚠️ Electric Fly.io app

Thank you for your contribution! 🎉