theme.js

import {yellow as theme } from 'mdx-deck/themes'
import {
    future
} from 'mdx-deck/themes'
import atomDark from 'react-syntax-highlighter/dist/styles/prism/atom-dark'
import javascript from 'react-syntax-highlighter/dist/languages/prism/javascript'
import jsx from 'react-syntax-highlighter/dist/languages/prism/jsx'
import tsx from 'react-syntax-highlighter/dist/languages/prism/tsx'
import typescript from 'react-syntax-highlighter/dist/languages/prism/typescript'


export default {
  // extends the default theme
  ...theme,
  // ...future,
  // add a custom font
  // font: 'Laila, Roboto, sans-serif',
  // custom colors
   colors: {
     text: '#eff3f9',
    background: '#011627',
    link: '#82AAFF',
   },
  prism: {
    style: atomDark,
    languages: {
        javascript,
        jsx,
        tsx,
        typescript
        }
  },
}