// Original: https://github.com/dracula/visual-studio-code
// Converted automatically using ./tools/themeFromVsCode
import { PrismTheme } from 'prism-react-renderer';
const theme: PrismTheme = {
  plain: {
    backgroundColor: '#f3f3f3',
    color: '#252525',
  },
  styles: [
    {
      types: [ 'comment', 'prolog', 'doctype', 'cdata', 'punctuation' ],
      style: {
        color: '#6c6783',
      },
    },
    {
      types: [ 'namespace' ],
      style: {
        opacity: 0.7,
      },
    },
    {
      types: [ 'tag', 'operator', 'number' ],
      style: {
        color: '#e09142',
      },
    },
    {
      types: [ 'property', 'function' ],
      style: {
        color: '#252525',
      },
    },
    {
      types: [ 'tag-id', 'selector', 'atrule-id' ],
      style: {
        color: '#eeebff',
      },
    },
    {
      types: [ 'attr-name' ],
      style: {
        color: '#c4b9fe',
      },
    },
    {
      types: [
        'boolean',
        'string',
        'entity',
        'url',
        'attr-value',
        'keyword',
        'control',
        'directive',
        'unit',
        'statement',
        'regex',
        'at-rule',
        'placeholder',
        'variable',
      ],
      style: {
        color: '#1B58F4',
      },
    },
    {
      types: [ 'deleted' ],
      style: {
        textDecorationLine: 'line-through',
      },
    },
    {
      types: [ 'inserted' ],
      style: {
        textDecorationLine: 'underline',
      },
    },
    {
      types: [ 'italic' ],
      style: {
        fontStyle: 'italic',
      },
    },
    {
      types: [ 'important', 'bold' ],
      style: {
        fontWeight: 'bold',
      },
    },
    {
      types: [ 'important' ],
      style: {
        color: '#c4b9fe',
      },
    },
  ],
};

export default theme;