react-web-code-editor
Version:
A Simple and code-style Customizable web code editor with React
2 lines (1 loc) • 3.58 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n={dark:{backgroundColor:"#272822",caretColor:"white",textColor:"white",keywords:"\n .token.comment,\n .token.prolog,\n .token.doctype,\n .token.cdata {\n color: #8292a2;\n }\n\n .token.punctuation {\n color: #f8f8f2;\n }\n\n .token.namespace {\n opacity: .7;\n }\n\n .token.property,\n .token.tag,\n .token.constant,\n .token.symbol,\n .token.deleted {\n color: #f92672;\n }\n\n .token.boolean,\n .token.number {\n color: #ae81ff;\n }\n\n .token.selector,\n .token.attr-name,\n .token.string,\n .token.char,\n .token.builtin,\n .token.inserted {\n color: #a6e22e;\n }\n\n .token.operator,\n .token.entity,\n .token.url,\n .language-css .token.string,\n .style .token.string,\n .token.variable {\n color: #f8f8f2;\n }\n\n .token.atrule,\n .token.attr-value,\n .token.function,\n .token.class-name {\n color: #e6db74;\n }\n\n .token.keyword {\n color: #66d9ef;\n }\n\n .token.regex,\n .token.important {\n color: #fd971f;\n }\n\n .token.important,\n .token.bold {\n font-weight: bold;\n }\n .token.italic {\n font-style: italic;\n }\n\n .token.entity {\n cursor: help;\n }\n "},light:{backgroundColor:"white",caretColor:"black",textColor:"black",keywords:"\n .token.comment,\n .token.prolog,\n .token.doctype,\n .token.cdata {\n color: slategray;\n }\n\n .token.punctuation {\n color: #999;\n }\n\n .token.namespace {\n opacity: .7;\n }\n\n .token.property,\n .token.tag,\n .token.boolean,\n .token.number,\n .token.constant,\n .token.symbol,\n .token.deleted {\n color: #905;\n }\n\n .token.selector,\n .token.attr-name,\n .token.string,\n .token.char,\n .token.builtin,\n .token.inserted {\n color: #690;\n }\n\n .token.operator,\n .token.entity,\n .token.url,\n .language-css .token.string,\n .style .token.string {\n color: #9a6e3a;\n }\n\n .token.atrule,\n .token.attr-value,\n .token.keyword {\n color: #07a;\n }\n\n .token.function,\n .token.class-name {\n color: #DD4A68;\n }\n\n .token.regex,\n .token.important,\n .token.variable {\n color: #e90;\n }\n\n .token.important,\n .token.bold {\n font-weight: bold;\n }\n .token.italic {\n font-style: italic;\n }\n\n .token.entity {\n cursor: help;\n }\n "}};exports.addTheme=function(o,t){n[o]=function(n){var o={backgroundColor:"white",caretColor:"black",textColor:"black",keywords:""};o.backgroundColor=n.backgroundColor,o.caretColor=n.caretColor,o.textColor=n.textColor;var t="";return Object.entries(n.keywords).forEach((function(n){var o=n[0],e=n[1];t=t.concat(".token.".concat(o," { color: ").concat(e," }"))})),t=t.concat("\n .language-css .token.string,\n .style .token.string {\n ".concat(n.keywords["language-css"]||n.keywords.style,"\n }\n\n .token.important,\n .token.bold {\n font-weight: bold;\n }\n .token.italic {\n font-style: italic;\n }\n\n .token.entity {\n cursor: help;\n }\n ")),o.keywords=t,o}(t)},exports.default=n;