cosey 0.9.4 → 0.10.0

package/components/form-query/form-query.js

@@ -7,9 +7,9 @@ import { Toggle as _Toggle } from '../toggle/index.js';
 import stdin_default$1 from './form-query.style.js';
 import { Search } from '@element-plus/icons-vue';
 import { useFormTemplate } from '../form/useFormTemplate.js';
+import { useTwoWayBinding } from '../../hooks/useTwoWayBinding.js';
 import { useComponentConfig } from '../config-provider/config-provider.api.js';
 import { useLocale } from '../../hooks/useLocale.js';
-import { useTwoWayBinding } from '../../hooks/useTwoWayBinding.js';
 
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);

package/components/form-query/index.d.ts

@@ -149,10 +149,6 @@ declare const _FormQuery: {
         inline: boolean;
         disabled: boolean;
         readonly: boolean;
-        labelWidth: string | number;
-        labelPosition: "left" | "right" | "top";
-        inlineMessage: boolean;
-        showMessage: boolean;
         colProps: {
             push?: number | undefined;
             offset?: number | undefined;
@@ -163,8 +159,8 @@ declare const _FormQuery: {
             xl?: import("..").ColSize | undefined;
             tag?: string | undefined;
             xs?: import("..").ColSize | undefined;
-            pull?: number | undefined;
             xxl?: import("..").ColSize | undefined;
+            pull?: number | undefined;
         };
         minFields: number;
         collapsed: boolean;
@@ -173,9 +169,13 @@ declare const _FormQuery: {
         hideSubmit: boolean;
         hideReset: boolean;
         hideButtons: boolean;
+        labelPosition: "left" | "right" | "top";
         requireAsteriskPosition: "left" | "right";
+        labelWidth: string | number;
         labelSuffix: string;
+        inlineMessage: boolean;
         statusIcon: boolean;
+        showMessage: boolean;
         validateOnRuleChange: boolean;
         hideRequiredAsterisk: boolean;
         scrollToError: boolean;
@@ -333,10 +333,6 @@ declare const _FormQuery: {
         inline: boolean;
         disabled: boolean;
         readonly: boolean;
-        labelWidth: string | number;
-        labelPosition: "left" | "right" | "top";
-        inlineMessage: boolean;
-        showMessage: boolean;
         colProps: {
             push?: number | undefined;
             offset?: number | undefined;
@@ -347,8 +343,8 @@ declare const _FormQuery: {
             xl?: import("..").ColSize | undefined;
             tag?: string | undefined;
             xs?: import("..").ColSize | undefined;
-            pull?: number | undefined;
             xxl?: import("..").ColSize | undefined;
+            pull?: number | undefined;
         };
         minFields: number;
         collapsed: boolean;
@@ -357,9 +353,13 @@ declare const _FormQuery: {
         hideSubmit: boolean;
         hideReset: boolean;
         hideButtons: boolean;
+        labelPosition: "left" | "right" | "top";
         requireAsteriskPosition: "left" | "right";
+        labelWidth: string | number;
         labelSuffix: string;
+        inlineMessage: boolean;
         statusIcon: boolean;
+        showMessage: boolean;
         validateOnRuleChange: boolean;
         hideRequiredAsterisk: boolean;
         scrollToError: boolean;
@@ -517,10 +517,6 @@ declare const _FormQuery: {
     inline: boolean;
     disabled: boolean;
     readonly: boolean;
-    labelWidth: string | number;
-    labelPosition: "left" | "right" | "top";
-    inlineMessage: boolean;
-    showMessage: boolean;
     colProps: {
         push?: number | undefined;
         offset?: number | undefined;
@@ -531,8 +527,8 @@ declare const _FormQuery: {
         xl?: import("..").ColSize | undefined;
         tag?: string | undefined;
         xs?: import("..").ColSize | undefined;
-        pull?: number | undefined;
         xxl?: import("..").ColSize | undefined;
+        pull?: number | undefined;
     };
     minFields: number;
     collapsed: boolean;
@@ -541,9 +537,13 @@ declare const _FormQuery: {
     hideSubmit: boolean;
     hideReset: boolean;
     hideButtons: boolean;
+    labelPosition: "left" | "right" | "top";
     requireAsteriskPosition: "left" | "right";
+    labelWidth: string | number;
     labelSuffix: string;
+    inlineMessage: boolean;
     statusIcon: boolean;
+    showMessage: boolean;
     validateOnRuleChange: boolean;
     hideRequiredAsterisk: boolean;
     scrollToError: boolean;

package/components/highlight/highlight.api.d.ts

@@ -1,20 +1,38 @@
-import hljs from 'highlight.js/lib/core';
-import json from 'highlight.js/lib/languages/json';
-import plaintext from 'highlight.js/lib/languages/plaintext';
-import xml from 'highlight.js/lib/languages/xml';
-import { ExtractPropTypes, PropType, SlotsType } from 'vue';
-export { hljs };
-type xml = 'xml' | 'html' | 'xhtml' | 'rss' | 'atom' | 'xjb' | 'xsd' | 'xsl' | 'plist' | 'wsf' | 'svg';
-type json = 'json';
-type js = 'javascript' | 'js' | 'jsx' | 'mjs' | 'cjs';
-type ts = 'typescript' | 'ts' | 'tsx' | 'mts' | 'cts';
-type plaintext = 'plaintext' | 'text' | 'txt';
+import type { ExtractPropTypes, PropType, SlotsType } from 'vue';
+import Prism from 'prismjs';
+import 'prismjs';
+import 'prismjs/components/prism-scss';
+import 'prismjs/components/prism-sass';
+import 'prismjs/components/prism-less';
+import 'prismjs/components/prism-jsx';
+import 'prismjs/components/prism-typescript';
+import 'prismjs/components/prism-tsx';
+import 'prismjs/components/prism-json';
+import 'prismjs/components/prism-json5';
+import 'prismjs/components/prism-markdown';
+import 'prismjs/components/prism-bash';
+import 'prismjs/components/prism-nginx';
+import 'prismjs/components/prism-markup-templating';
+import 'prismjs/components/prism-php';
+import 'prismjs/components/prism-java';
+import 'prismjs/components/prism-sql';
+export { Prism };
+type LangText = 'plain' | 'plaintext' | 'text' | 'txt';
+type LangXml = 'markup' | 'html' | 'mathml' | 'svg' | 'xml' | 'ssml' | 'atom' | 'rss';
+type LangCss = 'css' | 'less' | 'sass' | 'scss';
+type LangJs = 'javascript' | 'js' | 'typescript' | 'ts' | 'jsx' | 'tsx';
+type LangJson = 'json' | 'json5';
+type LangMd = 'markdown' | 'md';
+type LangBash = 'bash' | 'sh' | 'shell';
+type LangPython = 'python' | 'py';
+type Lang = LangText | LangXml | LangCss | LangJs | 'clike' | LangJson | LangMd | LangBash | 'nginx' | 'php' | 'java' | 'sql' | LangPython;
 export declare const highlightProps: {
     code: {
         type: StringConstructor;
     };
     lang: {
-        type: PropType<xml | json | js | ts | plaintext | "css" | "scss" | "less" | (string & {})>;
+        type: PropType<Lang | (string & {})>;
+        default: string;
     };
     maxHeight: {
         type: StringConstructor;

package/components/highlight/highlight.api.js

@@ -1,28 +1,12 @@
-import hljs from 'highlight.js/lib/core';
-export { default as hljs } from 'highlight.js/lib/core';
-import typescript from 'highlight.js/lib/languages/typescript';
-import javascript from 'highlight.js/lib/languages/javascript';
-import json from 'highlight.js/lib/languages/json';
-import plaintext from 'highlight.js/lib/languages/plaintext';
-import xml from 'highlight.js/lib/languages/xml';
-import css from 'highlight.js/lib/languages/css';
-import scss from 'highlight.js/lib/languages/scss';
-import less from 'highlight.js/lib/languages/less';
+export { default as Prism } from 'prismjs';
 
-hljs.registerLanguage("typescript", typescript);
-hljs.registerLanguage("javascript", javascript);
-hljs.registerLanguage("json", json);
-hljs.registerLanguage("plaintext", plaintext);
-hljs.registerLanguage("xml", xml);
-hljs.registerLanguage("css", css);
-hljs.registerLanguage("scss", scss);
-hljs.registerLanguage("less", less);
 const highlightProps = {
   code: {
     type: String
   },
   lang: {
-    type: String
+    type: String,
+    default: "txt"
   },
   maxHeight: {
     type: String

package/components/highlight/highlight.d.ts

@@ -3,7 +3,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
     };
     lang: {
-        type: import("vue").PropType<("html" | "svg" | "xml" | "xhtml" | "rss" | "atom" | "xjb" | "xsd" | "xsl" | "plist" | "wsf") | "json" | ("javascript" | "js" | "jsx" | "mjs" | "cjs") | ("typescript" | "ts" | "tsx" | "mts" | "cts") | ("text" | "plaintext" | "txt") | "css" | "scss" | "less" | (string & {})>;
+        type: import("vue").PropType<("php" | "java" | "sql" | ("text" | "plaintext" | "plain" | "txt") | ("html" | "svg" | "mathml" | "xml" | "markup" | "ssml" | "atom" | "rss") | ("css" | "less" | "scss" | "sass") | ("javascript" | "jsx" | "typescript" | "tsx" | "js" | "ts") | ("json" | "json5") | ("md" | "markdown") | ("bash" | "sh" | "shell") | ("python" | "py") | "clike" | "nginx") | (string & {})>;
+        default: string;
     };
     maxHeight: {
         type: StringConstructor;
@@ -13,10 +14,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
     };
     lang: {
-        type: import("vue").PropType<("html" | "svg" | "xml" | "xhtml" | "rss" | "atom" | "xjb" | "xsd" | "xsl" | "plist" | "wsf") | "json" | ("javascript" | "js" | "jsx" | "mjs" | "cjs") | ("typescript" | "ts" | "tsx" | "mts" | "cts") | ("text" | "plaintext" | "txt") | "css" | "scss" | "less" | (string & {})>;
+        type: import("vue").PropType<("php" | "java" | "sql" | ("text" | "plaintext" | "plain" | "txt") | ("html" | "svg" | "mathml" | "xml" | "markup" | "ssml" | "atom" | "rss") | ("css" | "less" | "scss" | "sass") | ("javascript" | "jsx" | "typescript" | "tsx" | "js" | "ts") | ("json" | "json5") | ("md" | "markdown") | ("bash" | "sh" | "shell") | ("python" | "py") | "clike" | "nginx") | (string & {})>;
+        default: string;
     };
     maxHeight: {
         type: StringConstructor;
     };
-}>> & Readonly<{}>, {}, import("vue").SlotsType<import("./highlight.api").HighlightSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {
+    lang: (string & {}) | ("php" | "java" | "sql" | ("text" | "plaintext" | "plain" | "txt") | ("html" | "svg" | "mathml" | "xml" | "markup" | "ssml" | "atom" | "rss") | ("css" | "less" | "scss" | "sass") | ("javascript" | "jsx" | "typescript" | "tsx" | "js" | "ts") | ("json" | "json5") | ("md" | "markdown") | ("bash" | "sh" | "shell") | ("python" | "py") | "clike" | "nginx");
+}, import("vue").SlotsType<import("./highlight.api").HighlightSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/highlight/highlight.js

@@ -4,7 +4,7 @@ import { highlightSlots, highlightProps } from './highlight.api.js';
 import stdin_default$1 from './highlight.style.js';
 import stdin_default$2 from '../copy/copy.js';
 import { useComponentConfig } from '../config-provider/config-provider.api.js';
-import hljs from 'highlight.js/lib/core';
+import Prism from 'prismjs';
 
 var stdin_default = defineComponent({
   name: "CoHighlight",
@@ -17,19 +17,18 @@ var stdin_default = defineComponent({
     const {
       hashId
     } = stdin_default$1(prefixCls);
-    const highlightedCode = computed(() => hljs.highlight(props.code || "", {
-      language: props.lang || "txt"
-    }).value);
+    const highlightedCode = computed(() => Prism.highlight(props.code || "", Prism.languages[props.lang] || Prism.languages["txt"], props.lang));
     return () => {
       return createVNode("div", {
         "class": [hashId.value, prefixCls.value]
       }, [createVNode(ElScrollbar, {
         "tag": "pre",
         "class": `${prefixCls.value}-scroll`,
-        "view-class": "hljs",
+        "view-class": `language-${props.lang}`,
         "maxHeight": props.maxHeight
       }, {
         default: () => [createVNode("code", {
+          "class": `language-${props.lang}`,
           "innerHTML": highlightedCode.value
         }, null)]
       }), createVNode("div", {

package/components/highlight/highlight.style.js

@@ -2,85 +2,318 @@ import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
 
 function getHljsDark() {
   return {
-    ".hljs": {
-      color: "#abb2bf",
-      background: "#282c34"
+    'pre[class*="language-"], code[class*="language-"]': {
+      color: "#d4d4d4",
+      fontSize: "13px",
+      textShadow: "none",
+      fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
+      direction: "ltr",
+      textAlign: "left",
+      whiteSpace: "pre",
+      wordSpacing: "normal",
+      wordBreak: "normal",
+      lineHeight: 1.5,
+      mozTabSize: 4,
+      oTabSize: 4,
+      tabSize: 4,
+      webkitHyphens: "none",
+      mozHyphens: "none",
+      msHyphens: "none",
+      hyphens: "none"
     },
-    ".hljs-comment,.hljs-quote": {
-      color: "#5c6370",
-      fontStyle: "italic"
+    'pre[class*="language-"]::selection, code[class*="language-"]::selection, pre[class*="language-"] *::selection, code[class*="language-"] *::selection': {
+      textShadow: "none",
+      background: "#264F78"
     },
-    ".hljs-doctag,.hljs-keyword,.hljs-formula": {
-      color: "#c678dd"
+    "@media print": {
+      'pre[class*="language-"], code[class*="language-"]': {
+        textShadow: "none"
+      }
     },
-    ".hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst": {
-      color: "#e06c75"
+    'pre[class*="language-"]': {
+      padding: "1em",
+      margin: ".5em 0",
+      overflow: "auto",
+      background: "#1e1e1e"
     },
-    ".hljs-literal": {
-      color: "#56b6c2"
+    ':not(pre) > code[class*="language-"]': {
+      padding: ".1em .3em",
+      borderRadius: ".3em",
+      color: "#db4c69",
+      background: "#1e1e1e"
     },
-    ".hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string": {
-      color: "#98c379"
+    ".namespace": {
+      opacity: 0.7
     },
-    ".hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number": {
-      color: "#d19a66"
+    ".token.doctype .token.doctype-tag": {
+      color: "#569CD6"
     },
-    ".hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title": {
-      color: "#61aeee"
+    ".token.doctype .token.name": {
+      color: "#9cdcfe"
     },
-    ".hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title": {
-      color: "#e6c07b"
+    ".token.comment, .token.prolog": {
+      color: "#6a9955"
     },
-    ".hljs-emphasis": {
-      fontStyle: "italic"
+    ".token.punctuation, .language-html .language-css .token.punctuation, .language-html .language-javascript .token.punctuation": {
+      color: "#d4d4d4"
     },
-    ".hljs-strong": {
-      fontWeight: "bold"
+    ".token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.inserted, .token.unit": {
+      color: "#b5cea8"
+    },
+    ".token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.deleted": {
+      color: "#ce9178"
     },
-    ".hljs-link": {
+    ".language-css .token.string.url": {
       textDecoration: "underline"
+    },
+    ".token.operator, .token.entity": {
+      color: "#d4d4d4"
+    },
+    ".token.operator.arrow": {
+      color: "#569CD6"
+    },
+    ".token.atrule": {
+      color: "#ce9178"
+    },
+    ".token.atrule .token.rule": {
+      color: "#c586c0"
+    },
+    ".token.atrule .token.url": {
+      color: "#9cdcfe"
+    },
+    ".token.atrule .token.url .token.function": {
+      color: "#dcdcaa"
+    },
+    ".token.atrule .token.url .token.punctuation": {
+      color: "#d4d4d4"
+    },
+    ".token.keyword": {
+      color: "#569CD6"
+    },
+    ".token.keyword.module, .token.keyword.control-flow": {
+      color: "#c586c0"
+    },
+    ".token.function, .token.function .token.maybe-class-name": {
+      color: "#dcdcaa"
+    },
+    ".token.regex": {
+      color: "#d16969"
+    },
+    ".token.important": {
+      color: "#569cd6"
+    },
+    ".token.italic": {
+      fontStyle: "italic"
+    },
+    ".token.constant": {
+      color: "#9cdcfe"
+    },
+    ".token.class-name, .token.maybe-class-name": {
+      color: "#4ec9b0"
+    },
+    ".token.console": {
+      color: "#9cdcfe"
+    },
+    ".token.parameter": {
+      color: "#9cdcfe"
+    },
+    ".token.interpolation": {
+      color: "#9cdcfe"
+    },
+    ".token.punctuation.interpolation-punctuation": {
+      color: "#569cd6"
+    },
+    ".token.boolean": {
+      color: "#569cd6"
+    },
+    ".token.property, .token.variable, .token.imports .token.maybe-class-name, .token.exports .token.maybe-class-name": {
+      color: "#9cdcfe"
+    },
+    ".token.selector": {
+      color: "#d7ba7d"
+    },
+    ".token.escape": {
+      color: "#d7ba7d"
+    },
+    ".token.tag": {
+      color: "#569cd6"
+    },
+    ".token.tag .token.punctuation": {
+      color: "#808080"
+    },
+    ".token.cdata": {
+      color: "#808080"
+    },
+    ".token.attr-name": {
+      color: "#9cdcfe"
+    },
+    ".token.attr-value, .token.attr-value .token.punctuation": {
+      color: "#ce9178"
+    },
+    ".token.attr-value .token.punctuation.attr-equals": {
+      color: "#d4d4d4"
+    },
+    ".token.entity": {
+      color: "#569cd6"
+    },
+    ".token.namespace": {
+      color: "#4ec9b0"
+    },
+    'pre[class*="language-javascript"], code[class*="language-javascript"], pre[class*="language-jsx"], code[class*="language-jsx"], pre[class*="language-typescript"], code[class*="language-typescript"], pre[class*="language-tsx"], code[class*="language-tsx"]': {
+      color: "#9cdcfe"
+    },
+    'pre[class*="language-css"], code[class*="language-css"]': {
+      color: "#ce9178"
+    },
+    'pre[class*="language-html"], code[class*="language-html"]': {
+      color: "#d4d4d4"
+    },
+    ".language-regex .token.anchor": {
+      color: "#dcdcaa"
+    },
+    ".language-html .token.punctuation": {
+      color: "#808080"
+    },
+    'pre[class*="language-"] > code[class*="language-"]': {
+      position: "relative",
+      zIndex: 1
+    },
+    ".line-highlight.line-highlight": {
+      background: "#f7ebc6",
+      boxShadow: "inset 5px 0 0 #f7d87c",
+      zIndex: 0
     }
   };
 }
 function getHljsLight() {
   return {
-    ".hljs": {
-      color: "#383a42",
-      background: "#fafafa"
+    'code[class*="language-"], pre[class*="language-"]': {
+      background: "hsl(230, 1%, 98%)",
+      color: "hsl(230, 8%, 24%)",
+      fontFamily: '"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',
+      direction: "ltr",
+      textAlign: "left",
+      whiteSpace: "pre",
+      wordSpacing: "normal",
+      wordBreak: "normal",
+      lineHeight: 1.5,
+      mozTabSize: 2,
+      oTabSize: 2,
+      tabSize: 2,
+      webkitHyphens: "none",
+      mozHyphens: "none",
+      msHyphens: "none",
+      hyphens: "none"
     },
-    ".hljs-comment,.hljs-quote": {
-      color: "#a0a1a7",
-      fontStyle: "italic"
+    'code[class*="language-"]::-moz-selection, code[class*="language-"] *::-moz-selection, pre[class*="language-"] *::-moz-selection': {
+      background: "hsl(230, 1%, 90%)",
+      color: "inherit"
+    },
+    'code[class*="language-"]::selection, code[class*="language-"] *::selection, pre[class*="language-"] *::selection': {
+      background: "hsl(230, 1%, 90%)",
+      color: "inherit"
+    },
+    'pre[class*="language-"]': {
+      padding: "1em",
+      margin: "0.5em 0",
+      overflow: "auto",
+      borderRadius: "0.3em"
+    },
+    ':not(pre) > code[class*="language-"]': {
+      padding: "0.2em 0.3em",
+      borderRadius: "0.3em",
+      whiteSpace: "normal"
+    },
+    ".token.comment, .token.prolog, .token.cdata": {
+      color: "hsl(230, 4%, 64%)"
+    },
+    ".token.doctype, .token.punctuation, .token.entity": {
+      color: "hsl(230, 8%, 24%)"
+    },
+    ".token.attr-name, .token.class-name, .token.boolean, .token.constant, .token.number, .token.atrule": {
+      color: "hsl(35, 99%, 36%)"
+    },
+    ".token.keyword": {
+      color: "hsl(301, 63%, 40%)"
+    },
+    ".token.property, .token.tag, .token.symbol, .token.deleted, .token.important": {
+      color: "hsl(5, 74%, 59%)"
     },
-    ".hljs-doctag,.hljs-keyword,.hljs-formula": {
-      color: "#a626a4"
+    ".token.selector, .token.string, .token.char, .token.builtin, .token.inserted, .token.regex, .token.attr-value, .token.attr-value > .token.punctuation": {
+      color: "hsl(119, 34%, 47%)"
     },
-    ".hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst": {
-      color: "#e45649"
+    ".token.variable, .token.operator, .token.function": {
+      color: "hsl(221, 87%, 60%)"
     },
-    ".hljs-literal": {
-      color: "#0184bb"
+    ".token.url": {
+      color: "hsl(198, 99%, 37%)"
     },
-    ".hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string": {
-      color: "#50a14f"
+    ".token.attr-value > .token.punctuation.attr-equals, .token.special-attr > .token.attr-value > .token.value.css": {
+      color: "hsl(230, 8%, 24%)"
     },
-    ".hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number": {
-      color: "#986801"
+    ".language-css .token.selector": {
+      color: "hsl(5, 74%, 59%)"
     },
-    ".hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title": {
-      color: "#4078f2"
+    ".language-css .token.property": {
+      color: "hsl(230, 8%, 24%)"
     },
-    ".hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title": {
-      color: "#c18401"
+    ".language-css .token.function, .language-css .token.url > .token.function": {
+      color: "hsl(198, 99%, 37%)"
     },
-    ".hljs-emphasis": {
+    ".language-css .token.url > .token.string.url": {
+      color: "hsl(119, 34%, 47%)"
+    },
+    ".language-css .token.important, .language-css .token.atrule .token.rule": {
+      color: "hsl(301, 63%, 40%)"
+    },
+    ".language-javascript .token.operator": {
+      color: "hsl(301, 63%, 40%)"
+    },
+    ".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": {
+      color: "hsl(344, 84%, 43%)"
+    },
+    ".language-json .token.operator": {
+      color: "hsl(230, 8%, 24%)"
+    },
+    ".language-json .token.null.keyword": {
+      color: "hsl(35, 99%, 36%)"
+    },
+    ".language-markdown .token.url, .language-markdown .token.url > .token.operator, .language-markdown .token.url-reference.url > .token.string": {
+      color: "hsl(230, 8%, 24%)"
+    },
+    ".language-markdown .token.url > .token.content": {
+      color: "hsl(221, 87%, 60%)"
+    },
+    ".language-markdown .token.url > .token.url, .language-markdown .token.url-reference.url": {
+      color: "hsl(198, 99%, 37%)"
+    },
+    ".language-markdown .token.blockquote.punctuation, .language-markdown .token.hr.punctuation": {
+      color: "hsl(230, 4%, 64%)",
       fontStyle: "italic"
     },
-    ".hljs-strong": {
+    ".language-markdown .token.code-snippet": {
+      color: "hsl(119, 34%, 47%)"
+    },
+    ".language-markdown .token.bold .token.content": {
+      color: "hsl(35, 99%, 36%)"
+    },
+    ".language-markdown .token.italic .token.content": {
+      color: "hsl(301, 63%, 40%)"
+    },
+    ".language-markdown .token.strike .token.content, .language-markdown .token.strike .token.punctuation, .language-markdown .token.list.punctuation, .language-markdown .token.title.important > .token.punctuation": {
+      color: "hsl(5, 74%, 59%)"
+    },
+    ".token.bold": {
       fontWeight: "bold"
     },
-    ".hljs-link": {
-      textDecoration: "underline"
+    ".token.comment, .token.italic": {
+      fontStyle: "italic"
+    },
+    ".token.entity": {
+      cursor: "help"
+    },
+    ".token.namespace": {
+      opacity: 0.8
     }
   };
 }
@@ -103,9 +336,11 @@ var stdin_default = getSimpleStyleHook("CoHighlight", (token) => {
         insetInlineEnd: token.sizeXXS,
         zIndex: 10
       },
-      ...getHljsLight(),
       ":root.dark &": {
         ...getHljsDark()
+      },
+      ":root:not(.dark) &": {
+        ...getHljsLight()
       }
     }
   };