How to use @theme-ui/prism - 2 common examples
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.
j0lv3r4 / jolvera.dev / theme.js View on Github 
},
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: 0h5: {
...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.
