davidl/tolaria
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(editor): theme code blocks in light mode

Browse Source
This commit is contained in:
lucaronin
2026-05-02 01:47:42 +02:00
parent 0b5149ba8d
commit 65d14ebf6f
3 changed files with 45 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/EditorTheme.css
View File

@@ -389,9 +389,29 @@
cursor: pointer;
}
/* Code blocks intentionally keep BlockNote's dark shell and syntax-highlighted content. */
/* Code blocks follow Tolaria's theme instead of BlockNote's fixed dark shell. */
.editor__blocknote-container .bn-block-content[data-content-type="codeBlock"] {
background-color: var(--editor-code-block-background) !important;
border: 1px solid var(--editor-code-block-border);
color: var(--editor-code-block-text) !important;
}
.editor__blocknote-container .bn-block-content[data-content-type="codeBlock"] > pre {
color: inherit;
}
.editor__blocknote-container .bn-block-content[data-content-type="codeBlock"] > div > select {
color: var(--editor-code-block-language) !important;
}
.editor__blocknote-container .bn-block-content[data-content-type="codeBlock"] > div > select > option {
background: var(--popover);
color: var(--foreground);
}
.editor__blocknote-container .bn-block-content[data-content-type="codeBlock"] pre code {
background-color: transparent;
color: inherit;
padding: 0;
border-radius: 0;
}
@@ -400,6 +420,11 @@
background-color: transparent !important;
}
:root:not(.dark) .editor__blocknote-container .bn-block-content[data-content-type="codeBlock"] pre code .shiki,
[data-theme="light"] .editor__blocknote-container .bn-block-content[data-content-type="codeBlock"] pre code .shiki {
color: var(--editor-code-block-text) !important;
}
/* --- Blockquote --- */
.editor__blocknote-container [data-content-type="blockquote"],
.editor__blocknote-container blockquote {