@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.
47 lines (46 loc) • 917 B
JSON
{
"color": "#f8f8f2",
"backgroundColor": "#272822",
".comment,.prolog,.doctype,.cdata": {
"color": "#8292a2"
},
".punctuation": {
"color": "#f8f8f2"
},
".namespace": {
"opacity": 0.7
},
".property,.tag,.constant,.symbol,.deleted": {
"color": "#f92672"
},
".boolean,.number": {
"color": "#ae81ff"
},
".selector,.attr-name,.string,.char,.builtin,.inserted": {
"color": "#a6e22e"
},
".operator,.entity,.url,.language-css .string,.style .string,.variable": {
"color": "#f8f8f2"
},
".atrule,.attr-value,.function,.class-name": {
"color": "#e6db74"
},
".keyword": {
"color": "#66d9ef"
},
".regex,.important": {
"color": "#fd971f"
},
".important,.bold": {
"fontWeight": "bold"
},
".italic": {
"fontStyle": "italic"
},
".entity": {
"cursor": "help"
},
".highlight": {
"background": "hsla(0, 0%, 30%, .5)"
}
}