import { ITheme } from './ITheme';

export const CodepenEmbed: ITheme = {
  DisplayName: 'Codepen Embed',
  CodeStyles: {
    Keyword: {
      Color: '8f9c6c',
    },
    Comment: {
      Color: '777',
    },
    Plaintext: {
      Color: 'fff',
    },
    Punctuation: {
      Color: 'fff',
    },
    String: {
      Color: '8f9c6c',
    },
    Literal: {
      Color: 'ab875d',
    },
    Type: {
      Color: '9b869b',
    },
    Tag: {
      Color: '8f9c6c',
    },
    AttributeName: {
      Color: '9b869b',
    },
    Decimal: {
      Color: 'ab875d',
    },
    NoCode: {
      Color: 'ab875d',
    },
  },
  BackgroundStyle: {
    BackgroundColor: '222',
  },
  LineNumberStyle: {
    Color: 'fff',
    BackgroundColor: '222',
  },
};