Skip to content

Commit 28041b6

Browse files
fix(styles): Remove conflicting background color for code blocks
The global code style was overriding the syntax highlighting background provided by highlight.js. Removing it restores correct syntax coloring.
1 parent a60e504 commit 28041b6

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

src/pages/NoteView.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ const NoteView: React.FC = () => {
4040
'& h1': { fontSize: '2.5rem', fontWeight: 800, mb: 3, color: '#61dafb' },
4141
'& h2': { fontSize: '1.75rem', fontWeight: 700, mt: 4, mb: 2, borderBottom: '1px solid #333', pb: 1 },
4242
'& p': { fontSize: '1.1rem', lineHeight: 1.7, mb: 2, color: '#e0e0e0' },
43-
'& code': { bgcolor: '#333', p: '2px 6px', borderRadius: '4px', fontSize: '0.9em' }
43+
'& code': { fontSize: '0.9em' }
4444
}}>
4545
<Suspense fallback={<div>Loading note...</div>}>
4646
<NoteContent />

0 commit comments

Comments
 (0)