@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.
36 lines (35 loc) • 712 B
JSON
{
"color": "#F8F8F2",
"backgroundColor": "#282A36",
".prolog,.constant,.builtin": {
"color": "rgb(189, 147, 249)"
},
".inserted,.function": {
"color": "rgb(80, 250, 123)"
},
".deleted": {
"color": "rgb(255, 85, 85)"
},
".changed": {
"color": "rgb(255, 184, 108)"
},
".punctuation,.symbol": {
"color": "rgb(248, 248, 242)"
},
".string,.char,.tag,.selector": {
"color": "rgb(255, 121, 198)"
},
".keyword,.variable": {
"color": "rgb(189, 147, 249)",
"fontStyle": "italic"
},
".comment": {
"color": "rgb(98, 114, 164)"
},
".attr-name": {
"color": "rgb(241, 250, 140)"
},
".highlight": {
"background": "hsla(0, 0%, 30%, .5)"
}
}