syntaxTheme.js

const dark = {
  'code[class*="language-"]': {
    color: "#c5c8c6",
    textShadow: "0 1px rgba(0, 0, 0, 0.3)",
    fontFamily: '"Space Mono", monospace',
    direction: "ltr",
    textAlign: "left",
    whiteSpace: "pre",
    wordSpacing: "normal",
    wordBreak: "normal",
    lineHeight: "1.5",
    MozTabSize: "4",
    OTabSize: "4",
    tabSize: "4",
    WebkitHyphens: "none",
    MozHyphens: "none",
    msHyphens: "none",
    hyphens: "none",
  },
  'pre[class*="language-"]': {
    color: "#c5c8c6",
    textShadow: "0 1px rgba(0, 0, 0, 0.3)",
    fontFamily:
      "Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",
    direction: "ltr",
    textAlign: "left",
    whiteSpace: "pre",
    wordSpacing: "normal",
    wordBreak: "normal",
    lineHeight: "1.5",
    MozTabSize: "4",
    OTabSize: "4",
    tabSize: "4",
    WebkitHyphens: "none",
    MozHyphens: "none",
    msHyphens: "none",
    hyphens: "none",
    padding: "1em",
    margin: ".5em 0",
    overflow: "auto",
    borderRadius: "0.3em",
    background: "#212121",
  },
  ':not(pre) > code[class*="language-"]': {
    background: "#212121",
    padding: ".1em",
    borderRadius: ".3em",
  },
  comment: {
    color: "#90A4AE",
  },
  prolog: {
    color: "#90A4AE",
  },
  doctype: {
    color: "#90A4AE",
  },
  cdata: {
    color: "#90A4AE",
  },
  punctuation: {
    color: "#FFD54F",
  },
  ".namespace": {
    Opacity: ".7",
  },
  property: {
    color: "#40c4ff",
  },
  keyword: {
    color: "#40c4ff",
  },
  tag: {
    color: "#40c4ff",
  },
  "class-name": {
    color: "#FF9800",
    textDecoration: "underline",
  },
  boolean: {
    color: "#9FA8DA",
  },
  constant: {
    color: "#9FA8DA",
  },
  symbol: {
    color: "#F06292",
  },
  deleted: {
    color: "#F06292",
  },
  number: {
    color: "#F06292",
  },
  selector: {
    color: "#81C784",
  },
  "attr-name": {
    color: "#81C784",
  },
  string: {
    color: "#81C784",
  },
  char: {
    color: "#81C784",
  },
  builtin: {
    color: "#81C784",
  },
  inserted: {
    color: "#81C784",
  },
  variable: {
    color: "#E0F2F1",
  },
  operator: {
    color: "#E0F2F1",
  },
  entity: {
    color: "#FFECB3",
    cursor: "help",
  },
  url: {
    color: "#03A9F4",
  },
  ".language-css .token.string": {
    color: "#26A69A",
  },
  ".style .token.string": {
    color: "#26A69A",
  },
  atrule: {
    color: "#FFE082",
  },
  "attr-value": {
    color: "#FFE082",
  },
  function: {
    color: "#FFD54F",
  },
  regex: {
    color: "#FFA000",
  },
  important: {
    color: "#F44336",
    fontWeight: "bold",
  },
  bold: {
    fontWeight: "bold",
  },
  italic: {
    fontStyle: "italic",
  },
};

export default dark;