X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/d171dc7d61d9ab3d952bb5038b2d47dbeaaa8ba2..c6b3db3a8e2fcb7fe8d44cdd60e12fe7e2be571f:/src/components/default-code-snippet/default-code-snippet.tsx
diff --git a/src/components/default-code-snippet/default-code-snippet.tsx b/src/components/default-code-snippet/default-code-snippet.tsx
index b8c0a7be..bdcfc10f 100644
--- a/src/components/default-code-snippet/default-code-snippet.tsx
+++ b/src/components/default-code-snippet/default-code-snippet.tsx
@@ -2,12 +2,13 @@
//
// SPDX-License-Identifier: AGPL-3.0
-import * as React from 'react';
+import React from 'react';
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
-import { CodeSnippet, CodeSnippetDataProps } from '~/components/code-snippet/code-snippet';
+import { CodeSnippet, CodeSnippetDataProps } from 'components/code-snippet/code-snippet';
import grey from '@material-ui/core/colors/grey';
+import { themeOptions } from 'common/custom-theme';
-const theme = createMuiTheme({
+const theme = createMuiTheme(Object.assign({}, themeOptions, {
overrides: {
MuiTypography: {
body1: {
@@ -19,13 +20,12 @@ const theme = createMuiTheme({
}
},
typography: {
- fontFamily: 'monospace'
+ fontFamily: 'monospace',
+ useNextVariants: true,
}
-});
+}));
-type DefaultCodeSnippet = CodeSnippetDataProps;
-
-export const DefaultCodeSnippet = (props: DefaultCodeSnippet) =>
+export const DefaultCodeSnippet = (props: CodeSnippetDataProps) =>
-
- ;
\ No newline at end of file
+
+ ;