diff --git a/src/components/shared/SyntaxHighlighter.tsx b/src/components/shared/SyntaxHighlighter.tsx
index 4cbfb18..24c5d1c 100644
--- 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>
     );