@theme-ui/prism
Version:
A syntax highlighting component based on [prism-react-renderer](https://github.com/FormidableLabs/prism-react-renderer) that works seamlessly with Theme UI.
50 lines (49 loc) • 947 B
JSON
{
"color": "#9CDCFE",
"backgroundColor": "#1E1E1E",
".prolog": {
"color": "rgb(0, 0, 128)"
},
".comment": {
"color": "rgb(106, 153, 85)"
},
".builtin,.changed,.keyword": {
"color": "rgb(86, 156, 214)"
},
".number,.inserted": {
"color": "rgb(181, 206, 168)"
},
".constant": {
"color": "rgb(100, 102, 149)"
},
".attr-name,.variable": {
"color": "rgb(156, 220, 254)"
},
".deleted,.string,.attr-value": {
"color": "rgb(206, 145, 120)"
},
".selector": {
"color": "rgb(215, 186, 125)"
},
".tag": {
"color": "rgb(86, 156, 214)"
},
".punctuation,.operator": {
"color": "rgb(212, 212, 212)"
},
".punctuation": {
"color": "#808080"
},
".function": {
"color": "rgb(220, 220, 170)"
},
".class-name": {
"color": "rgb(78, 201, 176)"
},
".char": {
"color": "rgb(209, 105, 105)"
},
".highlight": {
"background": "hsla(0, 0%, 40%, .5)"
}
}