X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/7ea39b36221b18b0243f10901c43e5fc8d41d88f..3c7e3cdc547ad5468421e1c049daa94b0d4b8bc0:/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 474c38a1..7ba97db4 100644
--- a/src/components/default-code-snippet/default-code-snippet.tsx
+++ b/src/components/default-code-snippet/default-code-snippet.tsx
@@ -2,30 +2,29 @@
 //
 // 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';
 
 const theme = createMuiTheme({
     overrides: {
         MuiTypography: {
             body1: {
-                color: grey["200"]
+                color: grey["900"]
             },
             root: {
-                backgroundColor: '#000'
+                backgroundColor: grey["200"]
             }
         }
     },
     typography: {
-        fontFamily: 'VT323'
+        fontFamily: 'monospace',
+        useNextVariants: true,
     }
 });
 
-type DefaultCodeSnippet = CodeSnippetDataProps;
-
-export const DefaultCodeSnippet = (props: DefaultCodeSnippet) => 
+export const DefaultCodeSnippet = (props: CodeSnippetDataProps) => 
     <MuiThemeProvider theme={theme}>
-        <CodeSnippet lines={props.lines} />
+        <CodeSnippet {...props} />
     </MuiThemeProvider>;
\ No newline at end of file