feat: apply JetBrains Mono font to editor and preview code

- Add custom EditorView.theme for CodeMirror 6 with JetBrains Mono
- Update .editor-textarea and #editor font-family to prioritize JetBrains Mono
- Update preview code blocks (#preview code, .preview-content code) to use JetBrains Mono
- Ensures consistent monospace font across editor source and markdown rendering

Amit Haridas
This commit is contained in:
2026-03-15 08:39:53 +05:30
parent d1c2c1c109
commit 95ea870039
2 changed files with 17 additions and 3 deletions
+3 -3
View File
@@ -209,7 +209,7 @@ body {
width: 100%;
height: 100%;
padding: 20px;
font-family: 'SF Mono', Monaco, 'Courier New', monospace;
font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Monaco, 'Courier New', monospace;
font-size: 15px;
line-height: 1.6;
border: none;
@@ -253,7 +253,7 @@ body {
width: 100%;
height: 100%;
padding: 20px;
font-family: 'SF Mono', Monaco, 'Courier New', monospace;
font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Monaco, 'Courier New', monospace;
font-size: 15px;
line-height: 1.6;
border: none;
@@ -533,7 +533,7 @@ body[class*="dark"] .bottom-panel-title { color: #ccc; }
background-color: #f6f8fa;
border: 1px solid #d0d7de;
border-radius: 6px;
font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
font-family: 'JetBrains Mono', 'Fira Code', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
color: #24292f;
}