From 606e38e1928b8c85748b86a97541d336f88b5948 Mon Sep 17 00:00:00 2001
From: Max Leiter <maxwell.leiter@gmail.com>
Date: Fri, 11 Mar 2022 15:59:52 -0800
Subject: [PATCH] client: switch to vs code color palette for syntax
 highlighting

this eliminates some WCAG contrast errors, especially in light mode.
---
 client/components/preview/react-markdown-preview.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/components/preview/react-markdown-preview.tsx b/client/components/preview/react-markdown-preview.tsx
index 65dabe0e..de6b5883 100644
--- a/client/components/preview/react-markdown-preview.tsx
+++ b/client/components/preview/react-markdown-preview.tsx
@@ -5,7 +5,7 @@ import { PrismAsyncLight as SyntaxHighlighter } from 'react-syntax-highlighter';
 // @ts-ignore because of no types in remark-a11y-emoji
 import a11yEmoji from '@fec/remark-a11y-emoji';
 import styles from './preview.module.css'
-import { duotoneDark, duotoneLight } from 'react-syntax-highlighter/dist/cjs/styles/prism'
+import { vscDarkPlus as dark, vs as light } from 'react-syntax-highlighter/dist/cjs/styles/prism'
 import useSharedState from "../../lib/hooks/use-shared-state";
 
 type Props = {
@@ -33,7 +33,7 @@ const ReactMarkdownPreview = ({ content, height }: Props) => {
                             codeTagProps={{
                                 style: { background: 'transparent' }
                             }}
-                            style={themeType === 'dark' ? duotoneDark : duotoneLight}
+                            style={themeType === 'dark' ? dark : light}
                             showLineNumbers={true}
                             language={match[1]}
                             PreTag="div"