diff --git a/CommonUI/src/Components/Markdown.tsx/MarkdownViewer.tsx b/CommonUI/src/Components/Markdown.tsx/MarkdownViewer.tsx index 8139fa660c..e851d4c480 100644 --- a/CommonUI/src/Components/Markdown.tsx/MarkdownViewer.tsx +++ b/CommonUI/src/Components/Markdown.tsx/MarkdownViewer.tsx @@ -3,9 +3,8 @@ import React, { FunctionComponent, ReactElement } from "react"; import ReactMarkdown from "react-markdown"; // https://github.com/remarkjs/remark-gfm import remarkGfm from "remark-gfm"; -import {Prism as SyntaxHighlighter} from 'react-syntax-highlighter' -import {dark} from 'react-syntax-highlighter/dist/esm/styles/prism' - +import { Prism as SyntaxHighlighter } from "react-syntax-highlighter"; +import { a11yDark } from "react-syntax-highlighter/dist/esm/styles/prism"; export interface ComponentProps { text: string; @@ -78,23 +77,28 @@ const MarkdownViewer: FunctionComponent = ( ul: ({ ...props }: any) => { return