How to use the @theme-ui/prism/presets/night-owl.json.backgroundColor function in @theme-ui/prism

To help you get started, we’ve selected a few @theme-ui/prism examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github j0lv3r4 / jolvera.dev / theme.js View on Github external
},
    h5: {
      ...heading,
      fontSize: 1
    },
    h6: {
      ...heading,
      fontSize: 0
    },
    p: {
      color: "text",
      fontFamily: "body",
      fontWeight: "body",
      lineHeight: "body",
      code: {
        bg: nightOwl.backgroundColor,
        color: nightOwl.color,
        padding: 1
      }
    },
    li: {
      a: {
        color: "primary"
      }
    },
    a: {
      color: "primary"
    },
    table: {
      width: "100%",
      borderCollapse: "separate",
      borderSpacing: 0

@theme-ui/prism

A syntax highlighting component based on [prism-react-renderer](https://github.com/FormidableLabs/prism-react-renderer) that works seamlessly with Theme UI.

MIT
Latest version published 15 days ago

Package Health Score

90 / 100
Full package analysis