From 6dc225409dc807983d0f082392726ba9eb06d64e Mon Sep 17 00:00:00 2001 From: Nawaz Dhandala Date: Thu, 26 Feb 2026 20:21:59 +0000 Subject: [PATCH] feat: Update syntax highlighting theme to VS Code dark for improved code readability --- Common/UI/Components/Markdown.tsx/MarkdownViewer.tsx | 4 ++-- Home/Views/Blog/Post.ejs | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/Common/UI/Components/Markdown.tsx/MarkdownViewer.tsx b/Common/UI/Components/Markdown.tsx/MarkdownViewer.tsx index 9c17f3bd3c..d917684221 100644 --- a/Common/UI/Components/Markdown.tsx/MarkdownViewer.tsx +++ b/Common/UI/Components/Markdown.tsx/MarkdownViewer.tsx @@ -9,7 +9,7 @@ import ReactMarkdown from "react-markdown"; // https://github.com/remarkjs/remark-gfm import remarkGfm from "remark-gfm"; import SyntaxHighlighter from "react-syntax-highlighter/dist/esm/prism-light"; -import { a11yDark } from "react-syntax-highlighter/dist/esm/styles/prism"; +import { vscDarkPlus } from "react-syntax-highlighter/dist/esm/styles/prism"; import javascript from "react-syntax-highlighter/dist/esm/languages/prism/javascript"; import typescript from "react-syntax-highlighter/dist/esm/languages/prism/typescript"; import jsx from "react-syntax-highlighter/dist/esm/languages/prism/jsx"; @@ -330,7 +330,7 @@ const MarkdownViewer: FunctionComponent = ( // eslint-disable-next-line react/no-children-prop children={content} language={match[1]} - style={a11yDark} + style={vscDarkPlus} className="rounded-lg mt-4 mb-4 !bg-gray-900 !p-2 text-sm" codeTagProps={{ className: "font-mono" }} /> diff --git a/Home/Views/Blog/Post.ejs b/Home/Views/Blog/Post.ejs index cc74dec9d9..2c58176553 100644 --- a/Home/Views/Blog/Post.ejs +++ b/Home/Views/Blog/Post.ejs @@ -59,8 +59,8 @@ } - - + +