#110 change to more user friendly theme (#149)

Sonatai · Dec 18, 2023 · 16e2be4 · 16e2be4
1 parent fd5af75
commit 16e2be4
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/components/shared/SyntaxHighlighter.tsx b/src/components/shared/SyntaxHighlighter.tsx
@@ -1,16 +1,23 @@
 import { Prism } from 'react-syntax-highlighter';
-import { dracula } from 'react-syntax-highlighter/dist/esm/styles/prism';
+import { gruvboxDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
 
 interface ISyntaxHighlighter {
     code: string;
     language: string;
 }
 
+/**
+ * Have no accessibility problems:
+ * a11yDark
+ * coldarkDark
+ * gruvboxDark
+ */
+
 export const SyntaxHighlighter = (props: ISyntaxHighlighter): JSX.Element => {
     const { code, language } = props;
 
     return (
-        <Prism language={language} style={dracula} showLineNumbers>
+        <Prism language={language} style={gruvboxDark} showLineNumbers>
             {code.replace(/\n$/, '')}
         </Prism>
     );