Skip to content

Commit 900d101

Browse files
feat: add light and dark mode support for Monaco code editor
1 parent dd88f96 commit 900d101

File tree

1 file changed

+3
-2
lines changed

1 file changed

+3
-2
lines changed

typescript-sdk/apps/dojo/src/components/code-viewer/code-editor.tsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,8 @@ export function CodeEditor({ file, onFileChange }: CodeEditorProps) {
1414
}
1515
};
1616

17-
const theme = useTheme();
17+
const { forcedTheme, resolvedTheme } = useTheme();
18+
const currentTheme = forcedTheme || resolvedTheme;
1819

1920
if (file?.language === "ts") file.language = "typescript";
2021

@@ -36,7 +37,7 @@ export function CodeEditor({ file, onFileChange }: CodeEditorProps) {
3637
enabled: false,
3738
},
3839
}}
39-
theme="vs-dark"
40+
theme={currentTheme !== "dark" ? "light" : "vs-dark"}
4041
/>
4142
</div>
4243
) : (

0 commit comments

Comments
 (0)