@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.
45 lines (44 loc) • 919 B
JSON
{
"color": "#9EFEFF",
"backgroundColor": "#2D2A55",
".changed": {
"color": "rgb(255, 238, 128)"
},
".deleted": {
"color": "rgba(239, 83, 80, 0.56)"
},
".inserted": {
"color": "rgb(173, 219, 103)"
},
".comment": {
"color": "rgb(179, 98, 255)",
"fontStyle": "italic"
},
".punctuation": {
"color": "rgb(255, 255, 255)"
},
".constant": {
"color": "rgb(255, 98, 140)"
},
".string,.url": {
"color": "rgb(165, 255, 144)"
},
".variable": {
"color": "rgb(255, 238, 128)"
},
".number,.boolean": {
"color": "rgb(255, 98, 140)"
},
".attr-name": {
"color": "rgb(255, 180, 84)"
},
".keyword,.operator,.property,.namespace,.tag,.selector,.doctype": {
"color": "rgb(255, 157, 0)"
},
".builtin,.char,.constant,.function,.class-name": {
"color": "rgb(250, 208, 0)"
},
".highlight": {
"background": "hsla(0, 0%, 40%, .5)"
}
}