@codesandbox/sandpack-themes/dist/esm/dracula.js

<img style="width:100%" src="https://user-images.githubusercontent.com/4838076/165913019-2903e055-0399-4b2a-ba10-db9ae9ded1e2.jpg" alt="Component toolkit for live running code editing experiences" />

// src/dracula.ts
var dracula = {
  colors: {
    surface1: "#282a36",
    surface2: "#44475a",
    surface3: "#44475a",
    clickable: "#6272a4",
    base: "#f8f8f2",
    disabled: "#6272a4",
    hover: "#f8f8f2",
    accent: "#bd93f9",
    error: "#f8f8f2",
    errorSurface: "#44475a"
  },
  syntax: {
    plain: "#f8f8f2",
    comment: {
      color: "#6272a4",
      fontStyle: "italic"
    },
    keyword: "#ff79c6",
    tag: "#ff79c6",
    punctuation: "#ff79c6",
    definition: "#f8f8f2",
    property: "#50fa7b",
    static: "#bd93f9",
    string: "#f1fa8c"
  },
  font: {
    body: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
    mono: '"Fira Mono", "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace',
    size: "13px",
    lineHeight: "20px"
  }
};
export {
  dracula
};
//# sourceMappingURL=dracula.js.map