@bobril/highlighter/styles/monokai.ts

Syntax highlighter component for Bobril

export default {
    "$": {
        "background": "#272822",
        "color": "#ddd"
    },
    "tag": {
        "color": "#f92672"
    },
    "keyword": {
        "color": "#f92672",
        "fontWeight": "bold"
    },
    "selector-tag": {
        "color": "#f92672",
        "fontWeight": "bold"
    },
    "literal": {
        "color": "#f92672",
        "fontWeight": "bold"
    },
    "strong": {
        "color": "#f92672"
    },
    "name": {
        "color": "#f92672"
    },
    "code": {
        "color": "#66d9ef"
    },
    "attribute": {
        "color": "#bf79db"
    },
    "symbol": {
        "color": "#bf79db"
    },
    "regexp": {
        "color": "#bf79db"
    },
    "link": {
        "color": "#bf79db"
    },
    "string": {
        "color": "#a6e22e"
    },
    "bullet": {
        "color": "#a6e22e"
    },
    "subst": {
        "color": "#a6e22e"
    },
    "title": {
        "color": "#a6e22e",
        "fontWeight": "bold"
    },
    "section": {
        "color": "#a6e22e",
        "fontWeight": "bold"
    },
    "emphasis": {
        "color": "#a6e22e"
    },
    "type": {
        "color": "#a6e22e",
        "fontWeight": "bold"
    },
    "built": {
        "color": "#a6e22e"
    },
    "selector-attr": {
        "color": "#a6e22e"
    },
    "selector-pseudo": {
        "color": "#a6e22e"
    },
    "addition": {
        "color": "#a6e22e"
    },
    "variable": {
        "color": "#a6e22e"
    },
    "template-tag": {
        "color": "#a6e22e"
    },
    "template-variable": {
        "color": "#a6e22e"
    },
    "class title": {
        "color": "white"
    },
    "comment": {
        "color": "#75715e"
    },
    "quote": {
        "color": "#75715e"
    },
    "deletion": {
        "color": "#75715e"
    },
    "meta": {
        "color": "#75715e"
    },
    "doctag": {
        "fontWeight": "bold"
    },
    "selector-id": {
        "fontWeight": "bold"
    }
}