@uiw/react-md-editor 3.22.0 → 3.23.0

package/dist/mdeditor.css

@@ -1041,6 +1041,7 @@ body[data-color-mode*='light'] {
   box-sizing: inherit;
   display: inherit;
   font-family: inherit;
+  font-family: var(--md-editor-font-family) !important;
   font-size: inherit;
   font-style: inherit;
   font-feature-settings: inherit;
@@ -1060,11 +1061,6 @@ body[data-color-mode*='light'] {
   word-break: normal;
   padding: 0;
 }
-.w-md-editor-text-pre > code,
-.w-md-editor-text-input > code,
-.w-md-editor-text > .w-md-editor-text-pre > code {
-  font-family: inherit;
-}
 .w-md-editor-text-pre {
   position: relative;
   margin: 0px !important;
@@ -1073,7 +1069,7 @@ body[data-color-mode*='light'] {
 }
 .w-md-editor-text-pre > code {
   padding: 0 !important;
-  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
+  font-family: var(--md-editor-font-family) !important;
   font-size: 14px !important;
   line-height: 18px !important;
 }
@@ -1122,17 +1118,21 @@ body[data-color-mode*='light'] {
   }
 }
 .w-md-editor-text-pre .punctuation {
-  color: var(--color-prettylights-syntax-comment) !important;
+  color: #8b949e !important;
+  color: var(--color-prettylights-syntax-comment, #8b949e) !important;
 }
 .w-md-editor-text-pre .token.url,
 .w-md-editor-text-pre .token.content {
-  color: var(--color-prettylights-syntax-constant) !important;
+  color: #0550ae !important;
+  color: var(--color-prettylights-syntax-constant, #0550ae) !important;
 }
 .w-md-editor-text-pre .token.title.important {
-  color: var(--color-prettylights-syntax-markup-bold);
+  color: #24292f;
+  color: var(--color-prettylights-syntax-markup-bold, #24292f);
 }
 .w-md-editor-text-pre .token.code-block .function {
-  color: var(--color-prettylights-syntax-entity);
+  color: #8250df;
+  color: var(--color-prettylights-syntax-entity, #8250df);
 }
 .w-md-editor-text-pre .token.bold {
   font-weight: inherit !important;
@@ -1143,18 +1143,20 @@ body[data-color-mode*='light'] {
   font-weight: inherit !important;
 }
 .w-md-editor-text-pre .token.code.keyword {
-  color: var(--color-prettylights-syntax-constant) !important;
+  color: #0550ae !important;
+  color: var(--color-prettylights-syntax-constant, #0550ae) !important;
 }
 .w-md-editor-text-pre .token.strike,
 .w-md-editor-text-pre .token.strike .content {
-  color: var(--color-prettylights-syntax-markup-deleted-text) !important;
+  color: #82071e !important;
+  color: var(--color-prettylights-syntax-markup-deleted-text, #82071e) !important;
 }
 
 .w-md-editor-toolbar-child {
   position: absolute;
   border-radius: 3px;
-  box-shadow: 0 0 0 1px var(--color-border-default), 0 0 0 var(--color-border-default), 0 1px 1px var(--color-border-default);
-  background-color: var(--color-canvas-default);
+  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);
+  background-color: var(--md-editor-background-color);
   z-index: 1;
   display: none;
 }
@@ -1179,8 +1181,8 @@ body[data-color-mode*='light'] {
 }
 
 .w-md-editor-toolbar {
-  border-bottom: 1px solid var(--color-border-default);
-  background-color: var(--color-canvas-default);
+  border-bottom: 1px solid var(--md-editor-box-shadow-color);
+  background-color: var(--md-editor-background-color);
   padding: 5px 5px;
   display: flex;
   justify-content: space-between;
@@ -1193,7 +1195,7 @@ body[data-color-mode*='light'] {
 }
 .w-md-editor-toolbar.bottom {
   border-bottom: 0px;
-  border-top: 1px solid var(--color-border-default);
+  border-top: 1px solid var(--md-editor-box-shadow-color);
   border-radius: 0 0 3px 3px;
 }
 .w-md-editor-toolbar ul,
@@ -1238,12 +1240,12 @@ body[data-color-mode*='light'] {
   color: var(--color-danger-fg);
 }
 .w-md-editor-toolbar li > button:disabled {
-  color: var(--color-border-default);
+  color: var(--md-editor-box-shadow-color);
   cursor: not-allowed;
 }
 .w-md-editor-toolbar li > button:disabled:hover {
   background-color: transparent;
-  color: var(--color-border-default);
+  color: var(--md-editor-box-shadow-color);
 }
 .w-md-editor-toolbar li.active > button {
   color: var(--color-accent-fg);
@@ -1254,7 +1256,7 @@ body[data-color-mode*='light'] {
   width: 1px;
   margin: -3px 3px 0 3px !important;
   vertical-align: middle;
-  background-color: var(--color-border-default);
+  background-color: var(--md-editor-box-shadow-color);
 }
 
 .w-md-editor-bar {
@@ -1283,8 +1285,11 @@ body[data-color-mode*='light'] {
   padding-bottom: 1px;
   position: relative;
   color: var(--color-fg-default);
-  box-shadow: 0 0 0 1px var(--color-border-default), 0 0 0 var(--color-border-default), 0 1px 1px var(--color-border-default);
-  background-color: var(--color-canvas-default);
+  --md-editor-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --md-editor-background-color: var(--color-canvas-default, #ffffff);
+  --md-editor-box-shadow-color: var(--color-border-default, #d0d7de);
+  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);
+  background-color: var(--md-editor-background-color);
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   display: flex;
   flex-direction: column;
@@ -1298,7 +1303,7 @@ body[data-color-mode*='light'] {
   right: initial !important;
   left: 0;
   text-align: right !important;
-  box-shadow: inset -1px 0 0 0 var(--color-border-default);
+  box-shadow: inset -1px 0 0 0 var(--md-editor-box-shadow-color);
 }
 .w-md-editor.w-md-editor-rtl .w-md-editor-text {
   text-align: right !important;
@@ -1327,7 +1332,7 @@ body[data-color-mode*='light'] {
 .w-md-editor-preview {
   width: 50%;
   box-sizing: border-box;
-  box-shadow: inset 1px 0 0 0 var(--color-border-default);
+  box-shadow: inset 1px 0 0 0 var(--md-editor-box-shadow-color);
   position: absolute;
   padding: 10px 20px;
   overflow: auto;
@@ -1347,7 +1352,7 @@ body[data-color-mode*='light'] {
 .w-md-editor-show-preview .w-md-editor-input {
   width: 0%;
   overflow: hidden;
-  background-color: var(--color-canvas-default);
+  background-color: var(--md-editor-background-color);
 }
 .w-md-editor-show-preview .w-md-editor-preview {
   width: 100%;

package/dist/mdeditor.min.css

@@ -1 +1 @@
-@media (prefers-color-scheme:dark){.wmde-markdown,.wmde-markdown-var{--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-storage-modifier-import:#c9d1d9;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-variable:#ffa657;--color-prettylights-syntax-brackethighlighter-unmatched:#f85149;--color-prettylights-syntax-invalid-illegal-text:#f0f6fc;--color-prettylights-syntax-invalid-illegal-bg:#8e1519;--color-prettylights-syntax-carriage-return-text:#f0f6fc;--color-prettylights-syntax-carriage-return-bg:#b62324;--color-prettylights-syntax-string-regexp:#7ee787;--color-prettylights-syntax-markup-list:#f2cc60;--color-prettylights-syntax-markup-heading:#1f6feb;--color-prettylights-syntax-markup-italic:#c9d1d9;--color-prettylights-syntax-markup-bold:#c9d1d9;--color-prettylights-syntax-markup-deleted-text:#ffdcd7;--color-prettylights-syntax-markup-deleted-bg:#67060c;--color-prettylights-syntax-markup-inserted-text:#aff5b4;--color-prettylights-syntax-markup-inserted-bg:#033a16;--color-prettylights-syntax-markup-changed-text:#ffdfb6;--color-prettylights-syntax-markup-changed-bg:#5a1e02;--color-prettylights-syntax-markup-ignored-text:#c9d1d9;--color-prettylights-syntax-markup-ignored-bg:#1158c7;--color-prettylights-syntax-meta-diff-range:#d2a8ff;--color-prettylights-syntax-brackethighlighter-angle:#8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant-other-reference-link:#a5d6ff;--color-fg-default:#c9d1d9;--color-fg-muted:#8b949e;--color-fg-subtle:#484f58;--color-canvas-default:#0d1117;--color-canvas-subtle:#161b22;--color-border-default:#30363d;--color-border-muted:#21262d;--color-neutral-muted:hsla(215,8%,47%,.4);--color-accent-fg:#58a6ff;--color-accent-emphasis:#1f6feb;--color-attention-subtle:rgba(187,128,9,.15);--color-danger-fg:#f85149;color-scheme:dark}}@media (prefers-color-scheme:light){.wmde-markdown,.wmde-markdown-var{--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-storage-modifier-import:#24292f;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-variable:#953800;--color-prettylights-syntax-brackethighlighter-unmatched:#82071e;--color-prettylights-syntax-invalid-illegal-text:#f6f8fa;--color-prettylights-syntax-invalid-illegal-bg:#82071e;--color-prettylights-syntax-carriage-return-text:#f6f8fa;--color-prettylights-syntax-carriage-return-bg:#cf222e;--color-prettylights-syntax-string-regexp:#116329;--color-prettylights-syntax-markup-list:#3b2300;--color-prettylights-syntax-markup-heading:#0550ae;--color-prettylights-syntax-markup-italic:#24292f;--color-prettylights-syntax-markup-bold:#24292f;--color-prettylights-syntax-markup-deleted-text:#82071e;--color-prettylights-syntax-markup-deleted-bg:#ffebe9;--color-prettylights-syntax-markup-inserted-text:#116329;--color-prettylights-syntax-markup-inserted-bg:#dafbe1;--color-prettylights-syntax-markup-changed-text:#953800;--color-prettylights-syntax-markup-changed-bg:#ffd8b5;--color-prettylights-syntax-markup-ignored-text:#eaeef2;--color-prettylights-syntax-markup-ignored-bg:#0550ae;--color-prettylights-syntax-meta-diff-range:#8250df;--color-prettylights-syntax-brackethighlighter-angle:#57606a;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant-other-reference-link:#0a3069;--color-fg-default:#24292f;--color-fg-muted:#57606a;--color-fg-subtle:#6e7781;--color-canvas-default:#fff;--color-canvas-subtle:#f6f8fa;--color-border-default:#d0d7de;--color-border-muted:#d8dee4;--color-neutral-muted:rgba(175,184,193,.2);--color-accent-fg:#0969da;--color-accent-emphasis:#0969da;--color-attention-subtle:#fff8c5;--color-danger-fg:#cf222e;color-scheme:light}}.wmde-markdown-var[data-color-mode*=dark],.wmde-markdown[data-color-mode*=dark],[data-color-mode*=dark] .wmde-markdown,[data-color-mode*=dark] .wmde-markdown-var,body[data-color-mode*=dark]{--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-storage-modifier-import:#c9d1d9;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-variable:#ffa657;--color-prettylights-syntax-brackethighlighter-unmatched:#f85149;--color-prettylights-syntax-invalid-illegal-text:#f0f6fc;--color-prettylights-syntax-invalid-illegal-bg:#8e1519;--color-prettylights-syntax-carriage-return-text:#f0f6fc;--color-prettylights-syntax-carriage-return-bg:#b62324;--color-prettylights-syntax-string-regexp:#7ee787;--color-prettylights-syntax-markup-list:#f2cc60;--color-prettylights-syntax-markup-heading:#1f6feb;--color-prettylights-syntax-markup-italic:#c9d1d9;--color-prettylights-syntax-markup-bold:#c9d1d9;--color-prettylights-syntax-markup-deleted-text:#ffdcd7;--color-prettylights-syntax-markup-deleted-bg:#67060c;--color-prettylights-syntax-markup-inserted-text:#aff5b4;--color-prettylights-syntax-markup-inserted-bg:#033a16;--color-prettylights-syntax-markup-changed-text:#ffdfb6;--color-prettylights-syntax-markup-changed-bg:#5a1e02;--color-prettylights-syntax-markup-ignored-text:#c9d1d9;--color-prettylights-syntax-markup-ignored-bg:#1158c7;--color-prettylights-syntax-meta-diff-range:#d2a8ff;--color-prettylights-syntax-brackethighlighter-angle:#8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant-other-reference-link:#a5d6ff;--color-fg-default:#c9d1d9;--color-fg-muted:#8b949e;--color-fg-subtle:#484f58;--color-canvas-default:#0d1117;--color-canvas-subtle:#161b22;--color-border-default:#30363d;--color-border-muted:#21262d;--color-neutral-muted:hsla(215,8%,47%,.4);--color-accent-fg:#58a6ff;--color-accent-emphasis:#1f6feb;--color-attention-subtle:rgba(187,128,9,.15);--color-danger-fg:#f85149;color-scheme:dark}.wmde-markdown-var[data-color-mode*=light],.wmde-markdown[data-color-mode*=light],[data-color-mode*=light] .wmde-markdown,[data-color-mode*=light] .wmde-markdown-var,body[data-color-mode*=light]{--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-storage-modifier-import:#24292f;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-variable:#953800;--color-prettylights-syntax-brackethighlighter-unmatched:#82071e;--color-prettylights-syntax-invalid-illegal-text:#f6f8fa;--color-prettylights-syntax-invalid-illegal-bg:#82071e;--color-prettylights-syntax-carriage-return-text:#f6f8fa;--color-prettylights-syntax-carriage-return-bg:#cf222e;--color-prettylights-syntax-string-regexp:#116329;--color-prettylights-syntax-markup-list:#3b2300;--color-prettylights-syntax-markup-heading:#0550ae;--color-prettylights-syntax-markup-italic:#24292f;--color-prettylights-syntax-markup-bold:#24292f;--color-prettylights-syntax-markup-deleted-text:#82071e;--color-prettylights-syntax-markup-deleted-bg:#ffebe9;--color-prettylights-syntax-markup-inserted-text:#116329;--color-prettylights-syntax-markup-inserted-bg:#dafbe1;--color-prettylights-syntax-markup-changed-text:#953800;--color-prettylights-syntax-markup-changed-bg:#ffd8b5;--color-prettylights-syntax-markup-ignored-text:#eaeef2;--color-prettylights-syntax-markup-ignored-bg:#0550ae;--color-prettylights-syntax-meta-diff-range:#8250df;--color-prettylights-syntax-brackethighlighter-angle:#57606a;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant-other-reference-link:#0a3069;--color-fg-default:#24292f;--color-fg-muted:#57606a;--color-fg-subtle:#6e7781;--color-canvas-default:#fff;--color-canvas-subtle:#f6f8fa;--color-border-default:#d0d7de;--color-border-muted:#d8dee4;--color-neutral-muted:rgba(175,184,193,.2);--color-accent-fg:#0969da;--color-accent-emphasis:#0969da;--color-attention-subtle:#fff8c5;--color-danger-fg:#cf222e;color-scheme:light}.wmde-markdown{-webkit-text-size-adjust:100%;word-wrap:break-word;background-color:var(--color-canvas-default);color:var(--color-fg-default);font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:16px;line-height:1.5}.wmde-markdown details,.wmde-markdown figcaption,.wmde-markdown figure{display:block}.wmde-markdown summary{display:list-item}.wmde-markdown [hidden]{display:none!important}.wmde-markdown a{background-color:transparent;color:var(--color-accent-fg);text-decoration:none}.wmde-markdown a:active,.wmde-markdown a:hover{outline-width:0}.wmde-markdown abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.wmde-markdown b,.wmde-markdown strong{font-weight:600}.wmde-markdown dfn{font-style:italic}.wmde-markdown h1{border-bottom:1px solid var(--color-border-muted);font-size:2em;font-weight:600;margin:.67em 0;padding-bottom:.3em}.wmde-markdown mark{background-color:var(--color-attention-subtle);color:var(--color-text-primary)}.wmde-markdown small{font-size:90%}.wmde-markdown sub,.wmde-markdown sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.wmde-markdown sub{bottom:-.25em}.wmde-markdown sup{top:-.5em}.wmde-markdown img{background-color:var(--color-canvas-default);border-style:none;box-sizing:content-box;display:inline-block;max-width:100%}.wmde-markdown code,.wmde-markdown kbd,.wmde-markdown pre,.wmde-markdown samp{font-family:monospace,monospace;font-size:1em}.wmde-markdown figure{margin:1em 40px}.wmde-markdown hr{background:transparent;background-color:var(--color-border-default);border:0;border-bottom:1px solid var(--color-border-muted);box-sizing:content-box;height:.25em;margin:24px 0;overflow:hidden;padding:0}.wmde-markdown input{font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible}.wmde-markdown [type=button],.wmde-markdown [type=reset],.wmde-markdown [type=submit]{-webkit-appearance:button}.wmde-markdown [type=button]::-moz-focus-inner,.wmde-markdown [type=reset]::-moz-focus-inner,.wmde-markdown [type=submit]::-moz-focus-inner{border-style:none;padding:0}.wmde-markdown [type=button]:-moz-focusring,.wmde-markdown [type=reset]:-moz-focusring,.wmde-markdown [type=submit]:-moz-focusring{outline:1px dotted ButtonText}.wmde-markdown [type=checkbox],.wmde-markdown [type=radio]{box-sizing:border-box;padding:0}.wmde-markdown [type=number]::-webkit-inner-spin-button,.wmde-markdown [type=number]::-webkit-outer-spin-button{height:auto}.wmde-markdown [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.wmde-markdown [type=search]::-webkit-search-cancel-button,.wmde-markdown [type=search]::-webkit-search-decoration{-webkit-appearance:none}.wmde-markdown ::-webkit-input-placeholder{color:inherit;opacity:.54}.wmde-markdown ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.wmde-markdown a:hover{text-decoration:underline}.wmde-markdown hr:after,.wmde-markdown hr:before{content:"";display:table}.wmde-markdown hr:after{clear:both}.wmde-markdown table{border-collapse:collapse;border-spacing:0;display:block;max-width:100%;width:-moz-max-content;width:max-content}.wmde-markdown td,.wmde-markdown th{padding:0}.wmde-markdown details summary{cursor:pointer}.wmde-markdown details:not([open])>:not(summary){display:none!important}.wmde-markdown kbd{background-color:var(--color-canvas-subtle);border-bottom-color:var(--color-neutral-muted);border:1px solid var(--color-neutral-muted);border-radius:6px;box-shadow:inset 0 -1px 0 var(--color-neutral-muted);color:var(--color-fg-default);display:inline-block;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;padding:3px 5px;vertical-align:middle}.wmde-markdown h1,.wmde-markdown h2,.wmde-markdown h3,.wmde-markdown h4,.wmde-markdown h5,.wmde-markdown h6{font-weight:600;line-height:1.25;margin-bottom:16px;margin-top:24px}.wmde-markdown h2{border-bottom:1px solid var(--color-border-muted);font-size:1.5em;font-weight:600;padding-bottom:.3em}.wmde-markdown h3{font-size:1.25em;font-weight:600}.wmde-markdown h4{font-size:1em;font-weight:600}.wmde-markdown h5{font-size:.875em;font-weight:600}.wmde-markdown h6{color:var(--color-fg-muted);font-size:.85em;font-weight:600}.wmde-markdown p{margin-bottom:10px;margin-top:0}.wmde-markdown blockquote{border-left:.25em solid var(--color-border-default);color:var(--color-fg-muted);margin:0;padding:0 1em}.wmde-markdown ol,.wmde-markdown ul{margin-bottom:0;margin-top:0;padding-left:2em}.wmde-markdown ol ol,.wmde-markdown ul ol{list-style-type:lower-roman}.wmde-markdown ol ol ol,.wmde-markdown ol ul ol,.wmde-markdown ul ol ol,.wmde-markdown ul ul ol{list-style-type:lower-alpha}.wmde-markdown dd{margin-left:0}.wmde-markdown code,.wmde-markdown pre,.wmde-markdown tt{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.wmde-markdown pre{word-wrap:normal;margin-bottom:0;margin-top:0}.wmde-markdown .octicon{fill:currentColor;display:inline-block;overflow:visible!important;vertical-align:text-bottom}.wmde-markdown ::-moz-placeholder{color:var(--color-fg-subtle);opacity:1}.wmde-markdown ::placeholder{color:var(--color-fg-subtle);opacity:1}.wmde-markdown input::-webkit-inner-spin-button,.wmde-markdown input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.wmde-markdown [data-catalyst]{display:block}.wmde-markdown:after,.wmde-markdown:before{content:"";display:table}.wmde-markdown:after{clear:both}.wmde-markdown>:first-child{margin-top:0!important}.wmde-markdown>:last-child{margin-bottom:0!important}.wmde-markdown a:not([href]){color:inherit;text-decoration:none}.wmde-markdown .absent{color:var(--color-danger-fg)}.wmde-markdown a.anchor{float:left;line-height:1;margin-left:-20px;padding-right:4px}.wmde-markdown .anchor:focus{outline:none}.wmde-markdown blockquote,.wmde-markdown details,.wmde-markdown dl,.wmde-markdown ol,.wmde-markdown p,.wmde-markdown pre,.wmde-markdown table,.wmde-markdown ul{margin-bottom:16px;margin-top:0}.wmde-markdown blockquote>:first-child{margin-top:0}.wmde-markdown blockquote>:last-child{margin-bottom:0}.wmde-markdown sup>a:before{content:"["}.wmde-markdown sup>a:after{content:"]"}.wmde-markdown h1 .octicon-link,.wmde-markdown h2 .octicon-link,.wmde-markdown h3 .octicon-link,.wmde-markdown h4 .octicon-link,.wmde-markdown h5 .octicon-link,.wmde-markdown h6 .octicon-link{color:var(--color-fg-default);vertical-align:middle;visibility:hidden}.wmde-markdown h1:hover .anchor,.wmde-markdown h2:hover .anchor,.wmde-markdown h3:hover .anchor,.wmde-markdown h4:hover .anchor,.wmde-markdown h5:hover .anchor,.wmde-markdown h6:hover .anchor{text-decoration:none}.wmde-markdown h1:hover .anchor .octicon-link,.wmde-markdown h2:hover .anchor .octicon-link,.wmde-markdown h3:hover .anchor .octicon-link,.wmde-markdown h4:hover .anchor .octicon-link,.wmde-markdown h5:hover .anchor .octicon-link,.wmde-markdown h6:hover .anchor .octicon-link{visibility:visible}.wmde-markdown h1 code,.wmde-markdown h1 tt,.wmde-markdown h2 code,.wmde-markdown h2 tt,.wmde-markdown h3 code,.wmde-markdown h3 tt,.wmde-markdown h4 code,.wmde-markdown h4 tt,.wmde-markdown h5 code,.wmde-markdown h5 tt,.wmde-markdown h6 code,.wmde-markdown h6 tt{font-size:inherit;padding:0 .2em}.wmde-markdown ol.no-list,.wmde-markdown ul.no-list{list-style-type:none;padding:0}.wmde-markdown ol[type="1"]{list-style-type:decimal}.wmde-markdown ol[type=a]{list-style-type:lower-alpha}.wmde-markdown ol[type=i]{list-style-type:lower-roman}.wmde-markdown div>ol:not([type]){list-style-type:decimal}.wmde-markdown ol ol,.wmde-markdown ol ul,.wmde-markdown ul ol,.wmde-markdown ul ul{margin-bottom:0;margin-top:0}.wmde-markdown li>p{margin-top:16px}.wmde-markdown li+li{margin-top:.25em}.wmde-markdown dl{padding:0}.wmde-markdown dl dt{font-size:1em;font-style:italic;font-weight:600;margin-top:16px;padding:0}.wmde-markdown dl dd{margin-bottom:16px;padding:0 16px}.wmde-markdown table th{font-weight:600}.wmde-markdown table td,.wmde-markdown table th{border:1px solid var(--color-border-default);padding:6px 13px}.wmde-markdown table tr{background-color:var(--color-canvas-default);border-top:1px solid var(--color-border-muted)}.wmde-markdown table tr:nth-child(2n){background-color:var(--color-canvas-subtle)}.wmde-markdown table img{background-color:transparent}.wmde-markdown img[align=right]{padding-left:20px}.wmde-markdown img[align=left]{padding-right:20px}.wmde-markdown .emoji{background-color:transparent;max-width:none;vertical-align:text-top}.wmde-markdown span.frame{display:block;overflow:hidden}.wmde-markdown span.frame>span{border:1px solid var(--color-border-default);display:block;float:left;margin:13px 0 0;overflow:hidden;padding:7px;width:auto}.wmde-markdown span.frame span img{display:block;float:left}.wmde-markdown span.frame span span{clear:both;color:var(--color-fg-default);display:block;padding:5px 0 0}.wmde-markdown span.align-center{clear:both;display:block;overflow:hidden}.wmde-markdown span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.wmde-markdown span.align-center span img{margin:0 auto;text-align:center}.wmde-markdown span.align-right{clear:both;display:block;overflow:hidden}.wmde-markdown span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.wmde-markdown span.align-right span img{margin:0;text-align:right}.wmde-markdown span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.wmde-markdown span.float-left span{margin:13px 0 0}.wmde-markdown span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.wmde-markdown span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.wmde-markdown code,.wmde-markdown tt{background-color:var(--color-neutral-muted);border-radius:6px;font-size:85%;margin:0;padding:.2em .4em}.wmde-markdown code br,.wmde-markdown tt br{display:none}.wmde-markdown del code{text-decoration:inherit}.wmde-markdown pre code{font-size:100%}.wmde-markdown pre>code{background:transparent;border:0;margin:0;padding:0;white-space:pre;word-break:normal}.wmde-markdown pre{background-color:var(--color-canvas-subtle);border-radius:6px;font-size:85%;line-height:1.45}.wmde-markdown pre code,.wmde-markdown pre tt{word-wrap:normal;background-color:transparent;border:0;display:inline;line-height:inherit;margin:0;max-width:auto;overflow:visible;padding:0}.wmde-markdown pre>code{display:block;overflow:auto;padding:16px}.wmde-markdown .csv-data td,.wmde-markdown .csv-data th{font-size:12px;line-height:1;overflow:hidden;padding:5px;text-align:left;white-space:nowrap}.wmde-markdown .csv-data .blob-num{background:var(--color-canvas-default);border:0;padding:10px 8px 9px;text-align:right}.wmde-markdown .csv-data tr{border-top:0}.wmde-markdown .csv-data th{background:var(--color-canvas-subtle);border-top:0;font-weight:600}.wmde-markdown .footnotes{border-top:1px solid var(--color-border-default);color:var(--color-fg-muted);font-size:12px}.wmde-markdown .footnotes ol{padding-left:16px}.wmde-markdown .footnotes li{position:relative}.wmde-markdown .footnotes li:target:before{border:2px solid var(--color-accent-emphasis);border-radius:6px;bottom:-8px;content:"";left:-24px;pointer-events:none;position:absolute;right:-8px;top:-8px}.wmde-markdown .footnotes li:target{color:var(--color-fg-default)}.wmde-markdown .footnotes .data-footnote-backref g-emoji{font-family:monospace}.wmde-markdown .task-list-item{list-style-type:none}.wmde-markdown .task-list-item label{font-weight:400}.wmde-markdown .task-list-item.enabled label{cursor:pointer}.wmde-markdown .task-list-item+.wmde-markdown .task-list-item{margin-top:3px}.wmde-markdown .task-list-item .handle{display:none}.wmde-markdown .contains-task-list input[type=checkbox],.wmde-markdown .task-list-item-checkbox{margin:0 .2em .25em -1.6em;vertical-align:middle}.wmde-markdown .contains-task-list:dir(rtl) .task-list-item-checkbox,.wmde-markdown .contains-task-list:dir(rtl) input[type=checkbox]{margin:0 -1.6em .25em .2em}.wmde-markdown ::-webkit-calendar-picker-indicator{filter:invert(50%)}.wmde-markdown pre{position:relative}.wmde-markdown pre .copied{background:var(--color-border-default);border-radius:5px;color:var(--color-fg-defaul);cursor:pointer;display:flex;font-size:12px;padding:6px;position:absolute;right:6px;top:6px;transition:all .3s;visibility:hidden}.wmde-markdown pre .copied .octicon-copy{display:block}.wmde-markdown pre .copied .octicon-check{display:none}.wmde-markdown pre:hover .copied{visibility:visible}.wmde-markdown pre:hover .copied:hover{background:var(--color-prettylights-syntax-entity-tag);color:var(--color-canvas-default)}.wmde-markdown pre .copied.active,.wmde-markdown pre:hover .copied:active{background:#2e9b33;color:var(--color-canvas-default)}.wmde-markdown pre .active .octicon-copy{display:none}.wmde-markdown pre .active .octicon-check{display:block}.highlight-line{background-color:var(--color-neutral-muted)}.code-line.line-number:before{color:var(--color-fg-subtle);content:attr(line);display:inline-block;margin-right:16px;text-align:right;white-space:nowrap;width:1rem}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--color-prettylights-syntax-comment)}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.selector,.token.symbol,.token.tag{color:var(--color-prettylights-syntax-entity-tag)}.token.maybe-class-name{color:var(--color-prettylights-syntax-variable)}.token.attr-name,.token.boolean,.token.builtin,.token.char,.token.number,.token.operator,.token.property-access,.token.selector .token.class,.token.string{color:var(--color-prettylights-syntax-constant)}.token.deleted{color:var(--color-prettylights-syntax-markup-deleted-text)}.code-line .token.deleted{background-color:var(--color-prettylights-syntax-markup-deleted-bg)}.token.inserted{color:var(--color-prettylights-syntax-markup-inserted-text)}.code-line .token.inserted{background-color:var(--color-prettylights-syntax-markup-inserted-bg)}.token.variable{color:var(--color-prettylights-syntax-constant)}.language-css .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.class-name,.token.color,.token.entity,.token.function,.token.url{color:var(--color-prettylights-syntax-string)}.token.important,.token.keyword,.token.regex,.token.rule{color:var(--color-prettylights-syntax-keyword)}.token.coord{color:var(--color-prettylights-syntax-meta-diff-range)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.w-md-editor-area{border-radius:5px;overflow:auto}.w-md-editor-text{font-feature-settings:"liga","clig";box-sizing:border-box;font-size:14px!important;font-variant-ligatures:common-ligatures;line-height:18px!important;margin:0;min-height:100%;overflow-wrap:break-word;padding:10px;position:relative;text-align:left;white-space:pre-wrap;word-break:keep-all}.w-md-editor-text-input,.w-md-editor-text-pre,.w-md-editor-text>.w-md-editor-text-pre{font-feature-settings:inherit;background:none;border:0;box-sizing:inherit;display:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-variant-ligatures:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;overflow-wrap:inherit;padding:0;-moz-tab-size:inherit;-o-tab-size:inherit;tab-size:inherit;text-indent:inherit;text-rendering:inherit;text-transform:inherit;white-space:inherit;word-break:inherit;word-break:normal}.w-md-editor-text-input>code,.w-md-editor-text-pre>code,.w-md-editor-text>.w-md-editor-text-pre>code{font-family:inherit}.w-md-editor-text-pre{background-color:transparent!important;margin:0!important;pointer-events:none;position:relative}.w-md-editor-text-pre>code{font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:14px!important;line-height:18px!important;padding:0!important}.w-md-editor-text-input{-webkit-font-smoothing:antialiased;-webkit-text-fill-color:transparent;color:inherit;height:100%;left:0;outline:0;overflow:hidden;padding:inherit;position:absolute;resize:none;top:0;width:100%}.w-md-editor-text-input:empty{-webkit-text-fill-color:inherit!important}.w-md-editor-text-input,.w-md-editor-text-pre{word-wrap:pre;white-space:pre-wrap;word-break:break-word}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.w-md-editor-text-input{color:transparent!important}.w-md-editor-text-input::-moz-selection{background-color:#accef7!important;color:transparent!important}.w-md-editor-text-input::selection{background-color:#accef7!important;color:transparent!important}}.w-md-editor-text-pre .punctuation{color:var(--color-prettylights-syntax-comment)!important}.w-md-editor-text-pre .token.content,.w-md-editor-text-pre .token.url{color:var(--color-prettylights-syntax-constant)!important}.w-md-editor-text-pre .token.title.important{color:var(--color-prettylights-syntax-markup-bold)}.w-md-editor-text-pre .token.code-block .function{color:var(--color-prettylights-syntax-entity)}.w-md-editor-text-pre .token.bold{font-weight:inherit!important}.w-md-editor-text-pre .token.title{font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}.w-md-editor-text-pre .token.code.keyword{color:var(--color-prettylights-syntax-constant)!important}.w-md-editor-text-pre .token.strike,.w-md-editor-text-pre .token.strike .content{color:var(--color-prettylights-syntax-markup-deleted-text)!important}.w-md-editor-toolbar-child{background-color:var(--color-canvas-default);border-radius:3px;box-shadow:0 0 0 1px var(--color-border-default),0 0 0 var(--color-border-default),0 1px 1px var(--color-border-default);display:none;position:absolute;z-index:1}.w-md-editor-toolbar-child.active{display:block}.w-md-editor-toolbar-child .w-md-editor-toolbar{border-bottom:0;border-radius:3px;padding:3px}.w-md-editor-toolbar-child .w-md-editor-toolbar ul>li{display:block}.w-md-editor-toolbar-child .w-md-editor-toolbar ul>li button{box-sizing:border-box;height:auto;margin:0;padding:3px 4px 2px;width:-webkit-fill-available}.w-md-editor-toolbar{align-items:center;background-color:var(--color-canvas-default);border-bottom:1px solid var(--color-border-default);border-radius:3px 3px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-md-editor-toolbar.bottom{border-bottom:0;border-radius:0 0 3px 3px;border-top:1px solid var(--color-border-default)}.w-md-editor-toolbar li,.w-md-editor-toolbar ul{line-height:normal;list-style:none;margin:0;padding:0}.w-md-editor-toolbar li{display:inline-block;font-size:14px}.w-md-editor-toolbar li+li{margin:0}.w-md-editor-toolbar li>button{background:none;border:none;border-radius:2px;color:var(--color-fg-default);cursor:pointer;font-weight:400;height:20px;line-height:14px;margin:0 1px;outline:none;overflow:visible;padding:4px;text-transform:none;transition:all .3s;white-space:nowrap}.w-md-editor-toolbar li>button:focus,.w-md-editor-toolbar li>button:hover{background-color:var(--color-neutral-muted);color:var(--color-accent-fg)}.w-md-editor-toolbar li>button:active{background-color:var(--color-neutral-muted);color:var(--color-danger-fg)}.w-md-editor-toolbar li>button:disabled{color:var(--color-border-default);cursor:not-allowed}.w-md-editor-toolbar li>button:disabled:hover{background-color:transparent;color:var(--color-border-default)}.w-md-editor-toolbar li.active>button{background-color:var(--color-neutral-muted);color:var(--color-accent-fg)}.w-md-editor-toolbar-divider{background-color:var(--color-border-default);height:14px;margin:-3px 3px 0!important;vertical-align:middle;width:1px}.w-md-editor-bar{border-radius:0 0 3px 0;bottom:0;cursor:s-resize;height:10px;margin-right:0;margin-top:-11px;position:absolute;right:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:14px;z-index:3}.w-md-editor-bar svg{display:block;margin:0 auto}.w-md-editor{background-color:var(--color-canvas-default);border-radius:3px;box-shadow:0 0 0 1px var(--color-border-default),0 0 0 var(--color-border-default),0 1px 1px var(--color-border-default);color:var(--color-fg-default);display:flex;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding-bottom:1px;position:relative;text-align:left}.w-md-editor.w-md-editor-rtl{direction:rtl!important;text-align:right!important}.w-md-editor.w-md-editor-rtl .w-md-editor-preview{box-shadow:inset -1px 0 0 0 var(--color-border-default);left:0;right:auto!important;text-align:right!important}.w-md-editor.w-md-editor-rtl .w-md-editor-text{text-align:right!important}.w-md-editor-toolbar{height:-moz-fit-content;height:fit-content}.w-md-editor-content{border-radius:0 0 3px 0;height:100%;overflow:auto;position:relative}.w-md-editor .copied{display:none!important}.w-md-editor-input{height:100%;width:50%}.w-md-editor-text-pre>code{white-space:pre-wrap!important;word-break:break-word!important}.w-md-editor-preview{border-radius:0 0 5px 0;bottom:0;box-shadow:inset 1px 0 0 0 var(--color-border-default);box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;padding:10px 20px;position:absolute;right:0;top:0;width:50%}.w-md-editor-preview .anchor{display:none}.w-md-editor-preview .contains-task-list{list-style:none}.w-md-editor-show-preview .w-md-editor-input{background-color:var(--color-canvas-default);overflow:hidden;width:0}.w-md-editor-show-preview .w-md-editor-preview{box-shadow:inset 0 0 0 0;width:100%}.w-md-editor-show-edit .w-md-editor-input{width:100%}.w-md-editor-show-edit .w-md-editor-preview{padding:0;width:0}.w-md-editor-fullscreen{bottom:0;height:100%!important;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:99999}.w-md-editor-fullscreen .w-md-editor-content{height:100%}
+@media (prefers-color-scheme:dark){.wmde-markdown,.wmde-markdown-var{--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-storage-modifier-import:#c9d1d9;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-variable:#ffa657;--color-prettylights-syntax-brackethighlighter-unmatched:#f85149;--color-prettylights-syntax-invalid-illegal-text:#f0f6fc;--color-prettylights-syntax-invalid-illegal-bg:#8e1519;--color-prettylights-syntax-carriage-return-text:#f0f6fc;--color-prettylights-syntax-carriage-return-bg:#b62324;--color-prettylights-syntax-string-regexp:#7ee787;--color-prettylights-syntax-markup-list:#f2cc60;--color-prettylights-syntax-markup-heading:#1f6feb;--color-prettylights-syntax-markup-italic:#c9d1d9;--color-prettylights-syntax-markup-bold:#c9d1d9;--color-prettylights-syntax-markup-deleted-text:#ffdcd7;--color-prettylights-syntax-markup-deleted-bg:#67060c;--color-prettylights-syntax-markup-inserted-text:#aff5b4;--color-prettylights-syntax-markup-inserted-bg:#033a16;--color-prettylights-syntax-markup-changed-text:#ffdfb6;--color-prettylights-syntax-markup-changed-bg:#5a1e02;--color-prettylights-syntax-markup-ignored-text:#c9d1d9;--color-prettylights-syntax-markup-ignored-bg:#1158c7;--color-prettylights-syntax-meta-diff-range:#d2a8ff;--color-prettylights-syntax-brackethighlighter-angle:#8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant-other-reference-link:#a5d6ff;--color-fg-default:#c9d1d9;--color-fg-muted:#8b949e;--color-fg-subtle:#484f58;--color-canvas-default:#0d1117;--color-canvas-subtle:#161b22;--color-border-default:#30363d;--color-border-muted:#21262d;--color-neutral-muted:hsla(215,8%,47%,.4);--color-accent-fg:#58a6ff;--color-accent-emphasis:#1f6feb;--color-attention-subtle:rgba(187,128,9,.15);--color-danger-fg:#f85149;color-scheme:dark}}@media (prefers-color-scheme:light){.wmde-markdown,.wmde-markdown-var{--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-storage-modifier-import:#24292f;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-variable:#953800;--color-prettylights-syntax-brackethighlighter-unmatched:#82071e;--color-prettylights-syntax-invalid-illegal-text:#f6f8fa;--color-prettylights-syntax-invalid-illegal-bg:#82071e;--color-prettylights-syntax-carriage-return-text:#f6f8fa;--color-prettylights-syntax-carriage-return-bg:#cf222e;--color-prettylights-syntax-string-regexp:#116329;--color-prettylights-syntax-markup-list:#3b2300;--color-prettylights-syntax-markup-heading:#0550ae;--color-prettylights-syntax-markup-italic:#24292f;--color-prettylights-syntax-markup-bold:#24292f;--color-prettylights-syntax-markup-deleted-text:#82071e;--color-prettylights-syntax-markup-deleted-bg:#ffebe9;--color-prettylights-syntax-markup-inserted-text:#116329;--color-prettylights-syntax-markup-inserted-bg:#dafbe1;--color-prettylights-syntax-markup-changed-text:#953800;--color-prettylights-syntax-markup-changed-bg:#ffd8b5;--color-prettylights-syntax-markup-ignored-text:#eaeef2;--color-prettylights-syntax-markup-ignored-bg:#0550ae;--color-prettylights-syntax-meta-diff-range:#8250df;--color-prettylights-syntax-brackethighlighter-angle:#57606a;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant-other-reference-link:#0a3069;--color-fg-default:#24292f;--color-fg-muted:#57606a;--color-fg-subtle:#6e7781;--color-canvas-default:#fff;--color-canvas-subtle:#f6f8fa;--color-border-default:#d0d7de;--color-border-muted:#d8dee4;--color-neutral-muted:rgba(175,184,193,.2);--color-accent-fg:#0969da;--color-accent-emphasis:#0969da;--color-attention-subtle:#fff8c5;--color-danger-fg:#cf222e;color-scheme:light}}.wmde-markdown-var[data-color-mode*=dark],.wmde-markdown[data-color-mode*=dark],[data-color-mode*=dark] .wmde-markdown,[data-color-mode*=dark] .wmde-markdown-var,body[data-color-mode*=dark]{--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-storage-modifier-import:#c9d1d9;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-variable:#ffa657;--color-prettylights-syntax-brackethighlighter-unmatched:#f85149;--color-prettylights-syntax-invalid-illegal-text:#f0f6fc;--color-prettylights-syntax-invalid-illegal-bg:#8e1519;--color-prettylights-syntax-carriage-return-text:#f0f6fc;--color-prettylights-syntax-carriage-return-bg:#b62324;--color-prettylights-syntax-string-regexp:#7ee787;--color-prettylights-syntax-markup-list:#f2cc60;--color-prettylights-syntax-markup-heading:#1f6feb;--color-prettylights-syntax-markup-italic:#c9d1d9;--color-prettylights-syntax-markup-bold:#c9d1d9;--color-prettylights-syntax-markup-deleted-text:#ffdcd7;--color-prettylights-syntax-markup-deleted-bg:#67060c;--color-prettylights-syntax-markup-inserted-text:#aff5b4;--color-prettylights-syntax-markup-inserted-bg:#033a16;--color-prettylights-syntax-markup-changed-text:#ffdfb6;--color-prettylights-syntax-markup-changed-bg:#5a1e02;--color-prettylights-syntax-markup-ignored-text:#c9d1d9;--color-prettylights-syntax-markup-ignored-bg:#1158c7;--color-prettylights-syntax-meta-diff-range:#d2a8ff;--color-prettylights-syntax-brackethighlighter-angle:#8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant-other-reference-link:#a5d6ff;--color-fg-default:#c9d1d9;--color-fg-muted:#8b949e;--color-fg-subtle:#484f58;--color-canvas-default:#0d1117;--color-canvas-subtle:#161b22;--color-border-default:#30363d;--color-border-muted:#21262d;--color-neutral-muted:hsla(215,8%,47%,.4);--color-accent-fg:#58a6ff;--color-accent-emphasis:#1f6feb;--color-attention-subtle:rgba(187,128,9,.15);--color-danger-fg:#f85149;color-scheme:dark}.wmde-markdown-var[data-color-mode*=light],.wmde-markdown[data-color-mode*=light],[data-color-mode*=light] .wmde-markdown,[data-color-mode*=light] .wmde-markdown-var,body[data-color-mode*=light]{--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-storage-modifier-import:#24292f;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-variable:#953800;--color-prettylights-syntax-brackethighlighter-unmatched:#82071e;--color-prettylights-syntax-invalid-illegal-text:#f6f8fa;--color-prettylights-syntax-invalid-illegal-bg:#82071e;--color-prettylights-syntax-carriage-return-text:#f6f8fa;--color-prettylights-syntax-carriage-return-bg:#cf222e;--color-prettylights-syntax-string-regexp:#116329;--color-prettylights-syntax-markup-list:#3b2300;--color-prettylights-syntax-markup-heading:#0550ae;--color-prettylights-syntax-markup-italic:#24292f;--color-prettylights-syntax-markup-bold:#24292f;--color-prettylights-syntax-markup-deleted-text:#82071e;--color-prettylights-syntax-markup-deleted-bg:#ffebe9;--color-prettylights-syntax-markup-inserted-text:#116329;--color-prettylights-syntax-markup-inserted-bg:#dafbe1;--color-prettylights-syntax-markup-changed-text:#953800;--color-prettylights-syntax-markup-changed-bg:#ffd8b5;--color-prettylights-syntax-markup-ignored-text:#eaeef2;--color-prettylights-syntax-markup-ignored-bg:#0550ae;--color-prettylights-syntax-meta-diff-range:#8250df;--color-prettylights-syntax-brackethighlighter-angle:#57606a;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant-other-reference-link:#0a3069;--color-fg-default:#24292f;--color-fg-muted:#57606a;--color-fg-subtle:#6e7781;--color-canvas-default:#fff;--color-canvas-subtle:#f6f8fa;--color-border-default:#d0d7de;--color-border-muted:#d8dee4;--color-neutral-muted:rgba(175,184,193,.2);--color-accent-fg:#0969da;--color-accent-emphasis:#0969da;--color-attention-subtle:#fff8c5;--color-danger-fg:#cf222e;color-scheme:light}.wmde-markdown{-webkit-text-size-adjust:100%;word-wrap:break-word;background-color:var(--color-canvas-default);color:var(--color-fg-default);font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:16px;line-height:1.5}.wmde-markdown details,.wmde-markdown figcaption,.wmde-markdown figure{display:block}.wmde-markdown summary{display:list-item}.wmde-markdown [hidden]{display:none!important}.wmde-markdown a{background-color:transparent;color:var(--color-accent-fg);text-decoration:none}.wmde-markdown a:active,.wmde-markdown a:hover{outline-width:0}.wmde-markdown abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.wmde-markdown b,.wmde-markdown strong{font-weight:600}.wmde-markdown dfn{font-style:italic}.wmde-markdown h1{border-bottom:1px solid var(--color-border-muted);font-size:2em;font-weight:600;margin:.67em 0;padding-bottom:.3em}.wmde-markdown mark{background-color:var(--color-attention-subtle);color:var(--color-text-primary)}.wmde-markdown small{font-size:90%}.wmde-markdown sub,.wmde-markdown sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.wmde-markdown sub{bottom:-.25em}.wmde-markdown sup{top:-.5em}.wmde-markdown img{background-color:var(--color-canvas-default);border-style:none;box-sizing:content-box;display:inline-block;max-width:100%}.wmde-markdown code,.wmde-markdown kbd,.wmde-markdown pre,.wmde-markdown samp{font-family:monospace,monospace;font-size:1em}.wmde-markdown figure{margin:1em 40px}.wmde-markdown hr{background:transparent;background-color:var(--color-border-default);border:0;border-bottom:1px solid var(--color-border-muted);box-sizing:content-box;height:.25em;margin:24px 0;overflow:hidden;padding:0}.wmde-markdown input{font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible}.wmde-markdown [type=button],.wmde-markdown [type=reset],.wmde-markdown [type=submit]{-webkit-appearance:button}.wmde-markdown [type=button]::-moz-focus-inner,.wmde-markdown [type=reset]::-moz-focus-inner,.wmde-markdown [type=submit]::-moz-focus-inner{border-style:none;padding:0}.wmde-markdown [type=button]:-moz-focusring,.wmde-markdown [type=reset]:-moz-focusring,.wmde-markdown [type=submit]:-moz-focusring{outline:1px dotted ButtonText}.wmde-markdown [type=checkbox],.wmde-markdown [type=radio]{box-sizing:border-box;padding:0}.wmde-markdown [type=number]::-webkit-inner-spin-button,.wmde-markdown [type=number]::-webkit-outer-spin-button{height:auto}.wmde-markdown [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.wmde-markdown [type=search]::-webkit-search-cancel-button,.wmde-markdown [type=search]::-webkit-search-decoration{-webkit-appearance:none}.wmde-markdown ::-webkit-input-placeholder{color:inherit;opacity:.54}.wmde-markdown ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.wmde-markdown a:hover{text-decoration:underline}.wmde-markdown hr:after,.wmde-markdown hr:before{content:"";display:table}.wmde-markdown hr:after{clear:both}.wmde-markdown table{border-collapse:collapse;border-spacing:0;display:block;max-width:100%;width:-moz-max-content;width:max-content}.wmde-markdown td,.wmde-markdown th{padding:0}.wmde-markdown details summary{cursor:pointer}.wmde-markdown details:not([open])>:not(summary){display:none!important}.wmde-markdown kbd{background-color:var(--color-canvas-subtle);border-bottom-color:var(--color-neutral-muted);border:1px solid var(--color-neutral-muted);border-radius:6px;box-shadow:inset 0 -1px 0 var(--color-neutral-muted);color:var(--color-fg-default);display:inline-block;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;padding:3px 5px;vertical-align:middle}.wmde-markdown h1,.wmde-markdown h2,.wmde-markdown h3,.wmde-markdown h4,.wmde-markdown h5,.wmde-markdown h6{font-weight:600;line-height:1.25;margin-bottom:16px;margin-top:24px}.wmde-markdown h2{border-bottom:1px solid var(--color-border-muted);font-size:1.5em;font-weight:600;padding-bottom:.3em}.wmde-markdown h3{font-size:1.25em;font-weight:600}.wmde-markdown h4{font-size:1em;font-weight:600}.wmde-markdown h5{font-size:.875em;font-weight:600}.wmde-markdown h6{color:var(--color-fg-muted);font-size:.85em;font-weight:600}.wmde-markdown p{margin-bottom:10px;margin-top:0}.wmde-markdown blockquote{border-left:.25em solid var(--color-border-default);color:var(--color-fg-muted);margin:0;padding:0 1em}.wmde-markdown ol,.wmde-markdown ul{margin-bottom:0;margin-top:0;padding-left:2em}.wmde-markdown ol ol,.wmde-markdown ul ol{list-style-type:lower-roman}.wmde-markdown ol ol ol,.wmde-markdown ol ul ol,.wmde-markdown ul ol ol,.wmde-markdown ul ul ol{list-style-type:lower-alpha}.wmde-markdown dd{margin-left:0}.wmde-markdown code,.wmde-markdown pre,.wmde-markdown tt{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.wmde-markdown pre{word-wrap:normal;margin-bottom:0;margin-top:0}.wmde-markdown .octicon{fill:currentColor;display:inline-block;overflow:visible!important;vertical-align:text-bottom}.wmde-markdown ::-moz-placeholder{color:var(--color-fg-subtle);opacity:1}.wmde-markdown ::placeholder{color:var(--color-fg-subtle);opacity:1}.wmde-markdown input::-webkit-inner-spin-button,.wmde-markdown input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.wmde-markdown [data-catalyst]{display:block}.wmde-markdown:after,.wmde-markdown:before{content:"";display:table}.wmde-markdown:after{clear:both}.wmde-markdown>:first-child{margin-top:0!important}.wmde-markdown>:last-child{margin-bottom:0!important}.wmde-markdown a:not([href]){color:inherit;text-decoration:none}.wmde-markdown .absent{color:var(--color-danger-fg)}.wmde-markdown a.anchor{float:left;line-height:1;margin-left:-20px;padding-right:4px}.wmde-markdown .anchor:focus{outline:none}.wmde-markdown blockquote,.wmde-markdown details,.wmde-markdown dl,.wmde-markdown ol,.wmde-markdown p,.wmde-markdown pre,.wmde-markdown table,.wmde-markdown ul{margin-bottom:16px;margin-top:0}.wmde-markdown blockquote>:first-child{margin-top:0}.wmde-markdown blockquote>:last-child{margin-bottom:0}.wmde-markdown sup>a:before{content:"["}.wmde-markdown sup>a:after{content:"]"}.wmde-markdown h1 .octicon-link,.wmde-markdown h2 .octicon-link,.wmde-markdown h3 .octicon-link,.wmde-markdown h4 .octicon-link,.wmde-markdown h5 .octicon-link,.wmde-markdown h6 .octicon-link{color:var(--color-fg-default);vertical-align:middle;visibility:hidden}.wmde-markdown h1:hover .anchor,.wmde-markdown h2:hover .anchor,.wmde-markdown h3:hover .anchor,.wmde-markdown h4:hover .anchor,.wmde-markdown h5:hover .anchor,.wmde-markdown h6:hover .anchor{text-decoration:none}.wmde-markdown h1:hover .anchor .octicon-link,.wmde-markdown h2:hover .anchor .octicon-link,.wmde-markdown h3:hover .anchor .octicon-link,.wmde-markdown h4:hover .anchor .octicon-link,.wmde-markdown h5:hover .anchor .octicon-link,.wmde-markdown h6:hover .anchor .octicon-link{visibility:visible}.wmde-markdown h1 code,.wmde-markdown h1 tt,.wmde-markdown h2 code,.wmde-markdown h2 tt,.wmde-markdown h3 code,.wmde-markdown h3 tt,.wmde-markdown h4 code,.wmde-markdown h4 tt,.wmde-markdown h5 code,.wmde-markdown h5 tt,.wmde-markdown h6 code,.wmde-markdown h6 tt{font-size:inherit;padding:0 .2em}.wmde-markdown ol.no-list,.wmde-markdown ul.no-list{list-style-type:none;padding:0}.wmde-markdown ol[type="1"]{list-style-type:decimal}.wmde-markdown ol[type=a]{list-style-type:lower-alpha}.wmde-markdown ol[type=i]{list-style-type:lower-roman}.wmde-markdown div>ol:not([type]){list-style-type:decimal}.wmde-markdown ol ol,.wmde-markdown ol ul,.wmde-markdown ul ol,.wmde-markdown ul ul{margin-bottom:0;margin-top:0}.wmde-markdown li>p{margin-top:16px}.wmde-markdown li+li{margin-top:.25em}.wmde-markdown dl{padding:0}.wmde-markdown dl dt{font-size:1em;font-style:italic;font-weight:600;margin-top:16px;padding:0}.wmde-markdown dl dd{margin-bottom:16px;padding:0 16px}.wmde-markdown table th{font-weight:600}.wmde-markdown table td,.wmde-markdown table th{border:1px solid var(--color-border-default);padding:6px 13px}.wmde-markdown table tr{background-color:var(--color-canvas-default);border-top:1px solid var(--color-border-muted)}.wmde-markdown table tr:nth-child(2n){background-color:var(--color-canvas-subtle)}.wmde-markdown table img{background-color:transparent}.wmde-markdown img[align=right]{padding-left:20px}.wmde-markdown img[align=left]{padding-right:20px}.wmde-markdown .emoji{background-color:transparent;max-width:none;vertical-align:text-top}.wmde-markdown span.frame{display:block;overflow:hidden}.wmde-markdown span.frame>span{border:1px solid var(--color-border-default);display:block;float:left;margin:13px 0 0;overflow:hidden;padding:7px;width:auto}.wmde-markdown span.frame span img{display:block;float:left}.wmde-markdown span.frame span span{clear:both;color:var(--color-fg-default);display:block;padding:5px 0 0}.wmde-markdown span.align-center{clear:both;display:block;overflow:hidden}.wmde-markdown span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.wmde-markdown span.align-center span img{margin:0 auto;text-align:center}.wmde-markdown span.align-right{clear:both;display:block;overflow:hidden}.wmde-markdown span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.wmde-markdown span.align-right span img{margin:0;text-align:right}.wmde-markdown span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.wmde-markdown span.float-left span{margin:13px 0 0}.wmde-markdown span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.wmde-markdown span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.wmde-markdown code,.wmde-markdown tt{background-color:var(--color-neutral-muted);border-radius:6px;font-size:85%;margin:0;padding:.2em .4em}.wmde-markdown code br,.wmde-markdown tt br{display:none}.wmde-markdown del code{text-decoration:inherit}.wmde-markdown pre code{font-size:100%}.wmde-markdown pre>code{background:transparent;border:0;margin:0;padding:0;white-space:pre;word-break:normal}.wmde-markdown pre{background-color:var(--color-canvas-subtle);border-radius:6px;font-size:85%;line-height:1.45}.wmde-markdown pre code,.wmde-markdown pre tt{word-wrap:normal;background-color:transparent;border:0;display:inline;line-height:inherit;margin:0;max-width:auto;overflow:visible;padding:0}.wmde-markdown pre>code{display:block;overflow:auto;padding:16px}.wmde-markdown .csv-data td,.wmde-markdown .csv-data th{font-size:12px;line-height:1;overflow:hidden;padding:5px;text-align:left;white-space:nowrap}.wmde-markdown .csv-data .blob-num{background:var(--color-canvas-default);border:0;padding:10px 8px 9px;text-align:right}.wmde-markdown .csv-data tr{border-top:0}.wmde-markdown .csv-data th{background:var(--color-canvas-subtle);border-top:0;font-weight:600}.wmde-markdown .footnotes{border-top:1px solid var(--color-border-default);color:var(--color-fg-muted);font-size:12px}.wmde-markdown .footnotes ol{padding-left:16px}.wmde-markdown .footnotes li{position:relative}.wmde-markdown .footnotes li:target:before{border:2px solid var(--color-accent-emphasis);border-radius:6px;bottom:-8px;content:"";left:-24px;pointer-events:none;position:absolute;right:-8px;top:-8px}.wmde-markdown .footnotes li:target{color:var(--color-fg-default)}.wmde-markdown .footnotes .data-footnote-backref g-emoji{font-family:monospace}.wmde-markdown .task-list-item{list-style-type:none}.wmde-markdown .task-list-item label{font-weight:400}.wmde-markdown .task-list-item.enabled label{cursor:pointer}.wmde-markdown .task-list-item+.wmde-markdown .task-list-item{margin-top:3px}.wmde-markdown .task-list-item .handle{display:none}.wmde-markdown .contains-task-list input[type=checkbox],.wmde-markdown .task-list-item-checkbox{margin:0 .2em .25em -1.6em;vertical-align:middle}.wmde-markdown .contains-task-list:dir(rtl) .task-list-item-checkbox,.wmde-markdown .contains-task-list:dir(rtl) input[type=checkbox]{margin:0 -1.6em .25em .2em}.wmde-markdown ::-webkit-calendar-picker-indicator{filter:invert(50%)}.wmde-markdown pre{position:relative}.wmde-markdown pre .copied{background:var(--color-border-default);border-radius:5px;color:var(--color-fg-defaul);cursor:pointer;display:flex;font-size:12px;padding:6px;position:absolute;right:6px;top:6px;transition:all .3s;visibility:hidden}.wmde-markdown pre .copied .octicon-copy{display:block}.wmde-markdown pre .copied .octicon-check{display:none}.wmde-markdown pre:hover .copied{visibility:visible}.wmde-markdown pre:hover .copied:hover{background:var(--color-prettylights-syntax-entity-tag);color:var(--color-canvas-default)}.wmde-markdown pre .copied.active,.wmde-markdown pre:hover .copied:active{background:#2e9b33;color:var(--color-canvas-default)}.wmde-markdown pre .active .octicon-copy{display:none}.wmde-markdown pre .active .octicon-check{display:block}.highlight-line{background-color:var(--color-neutral-muted)}.code-line.line-number:before{color:var(--color-fg-subtle);content:attr(line);display:inline-block;margin-right:16px;text-align:right;white-space:nowrap;width:1rem}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--color-prettylights-syntax-comment)}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.selector,.token.symbol,.token.tag{color:var(--color-prettylights-syntax-entity-tag)}.token.maybe-class-name{color:var(--color-prettylights-syntax-variable)}.token.attr-name,.token.boolean,.token.builtin,.token.char,.token.number,.token.operator,.token.property-access,.token.selector .token.class,.token.string{color:var(--color-prettylights-syntax-constant)}.token.deleted{color:var(--color-prettylights-syntax-markup-deleted-text)}.code-line .token.deleted{background-color:var(--color-prettylights-syntax-markup-deleted-bg)}.token.inserted{color:var(--color-prettylights-syntax-markup-inserted-text)}.code-line .token.inserted{background-color:var(--color-prettylights-syntax-markup-inserted-bg)}.token.variable{color:var(--color-prettylights-syntax-constant)}.language-css .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.class-name,.token.color,.token.entity,.token.function,.token.url{color:var(--color-prettylights-syntax-string)}.token.important,.token.keyword,.token.regex,.token.rule{color:var(--color-prettylights-syntax-keyword)}.token.coord{color:var(--color-prettylights-syntax-meta-diff-range)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.w-md-editor-area{border-radius:5px;overflow:auto}.w-md-editor-text{font-feature-settings:"liga","clig";box-sizing:border-box;font-size:14px!important;font-variant-ligatures:common-ligatures;line-height:18px!important;margin:0;min-height:100%;overflow-wrap:break-word;padding:10px;position:relative;text-align:left;white-space:pre-wrap;word-break:keep-all}.w-md-editor-text-input,.w-md-editor-text-pre,.w-md-editor-text>.w-md-editor-text-pre{font-feature-settings:inherit;background:none;border:0;box-sizing:inherit;display:inherit;font-family:inherit;font-family:var(--md-editor-font-family)!important;font-size:inherit;font-style:inherit;font-variant-ligatures:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;overflow-wrap:inherit;padding:0;-moz-tab-size:inherit;-o-tab-size:inherit;tab-size:inherit;text-indent:inherit;text-rendering:inherit;text-transform:inherit;white-space:inherit;word-break:inherit;word-break:normal}.w-md-editor-text-pre{background-color:transparent!important;margin:0!important;pointer-events:none;position:relative}.w-md-editor-text-pre>code{font-family:var(--md-editor-font-family)!important;font-size:14px!important;line-height:18px!important;padding:0!important}.w-md-editor-text-input{-webkit-font-smoothing:antialiased;-webkit-text-fill-color:transparent;color:inherit;height:100%;left:0;outline:0;overflow:hidden;padding:inherit;position:absolute;resize:none;top:0;width:100%}.w-md-editor-text-input:empty{-webkit-text-fill-color:inherit!important}.w-md-editor-text-input,.w-md-editor-text-pre{word-wrap:pre;white-space:pre-wrap;word-break:break-word}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.w-md-editor-text-input{color:transparent!important}.w-md-editor-text-input::-moz-selection{background-color:#accef7!important;color:transparent!important}.w-md-editor-text-input::selection{background-color:#accef7!important;color:transparent!important}}.w-md-editor-text-pre .punctuation{color:#8b949e!important;color:var(--color-prettylights-syntax-comment,#8b949e)!important}.w-md-editor-text-pre .token.content,.w-md-editor-text-pre .token.url{color:#0550ae!important;color:var(--color-prettylights-syntax-constant,#0550ae)!important}.w-md-editor-text-pre .token.title.important{color:#24292f;color:var(--color-prettylights-syntax-markup-bold,#24292f)}.w-md-editor-text-pre .token.code-block .function{color:#8250df;color:var(--color-prettylights-syntax-entity,#8250df)}.w-md-editor-text-pre .token.bold{font-weight:inherit!important}.w-md-editor-text-pre .token.title{font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}.w-md-editor-text-pre .token.code.keyword{color:#0550ae!important;color:var(--color-prettylights-syntax-constant,#0550ae)!important}.w-md-editor-text-pre .token.strike,.w-md-editor-text-pre .token.strike .content{color:#82071e!important;color:var(--color-prettylights-syntax-markup-deleted-text,#82071e)!important}.w-md-editor-toolbar-child{background-color:var(--md-editor-background-color);border-radius:3px;box-shadow:0 0 0 1px var(--md-editor-box-shadow-color),0 0 0 var(--md-editor-box-shadow-color),0 1px 1px var(--md-editor-box-shadow-color);display:none;position:absolute;z-index:1}.w-md-editor-toolbar-child.active{display:block}.w-md-editor-toolbar-child .w-md-editor-toolbar{border-bottom:0;border-radius:3px;padding:3px}.w-md-editor-toolbar-child .w-md-editor-toolbar ul>li{display:block}.w-md-editor-toolbar-child .w-md-editor-toolbar ul>li button{box-sizing:border-box;height:auto;margin:0;padding:3px 4px 2px;width:-webkit-fill-available}.w-md-editor-toolbar{align-items:center;background-color:var(--md-editor-background-color);border-bottom:1px solid var(--md-editor-box-shadow-color);border-radius:3px 3px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-md-editor-toolbar.bottom{border-bottom:0;border-radius:0 0 3px 3px;border-top:1px solid var(--md-editor-box-shadow-color)}.w-md-editor-toolbar li,.w-md-editor-toolbar ul{line-height:normal;list-style:none;margin:0;padding:0}.w-md-editor-toolbar li{display:inline-block;font-size:14px}.w-md-editor-toolbar li+li{margin:0}.w-md-editor-toolbar li>button{background:none;border:none;border-radius:2px;color:var(--color-fg-default);cursor:pointer;font-weight:400;height:20px;line-height:14px;margin:0 1px;outline:none;overflow:visible;padding:4px;text-transform:none;transition:all .3s;white-space:nowrap}.w-md-editor-toolbar li>button:focus,.w-md-editor-toolbar li>button:hover{background-color:var(--color-neutral-muted);color:var(--color-accent-fg)}.w-md-editor-toolbar li>button:active{background-color:var(--color-neutral-muted);color:var(--color-danger-fg)}.w-md-editor-toolbar li>button:disabled{color:var(--md-editor-box-shadow-color);cursor:not-allowed}.w-md-editor-toolbar li>button:disabled:hover{background-color:transparent;color:var(--md-editor-box-shadow-color)}.w-md-editor-toolbar li.active>button{background-color:var(--color-neutral-muted);color:var(--color-accent-fg)}.w-md-editor-toolbar-divider{background-color:var(--md-editor-box-shadow-color);height:14px;margin:-3px 3px 0!important;vertical-align:middle;width:1px}.w-md-editor-bar{border-radius:0 0 3px 0;bottom:0;cursor:s-resize;height:10px;margin-right:0;margin-top:-11px;position:absolute;right:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:14px;z-index:3}.w-md-editor-bar svg{display:block;margin:0 auto}.w-md-editor{--md-editor-font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;--md-editor-background-color:var(--color-canvas-default,#fff);--md-editor-box-shadow-color:var(--color-border-default,#d0d7de);background-color:var(--md-editor-background-color);border-radius:3px;box-shadow:0 0 0 1px var(--md-editor-box-shadow-color),0 0 0 var(--md-editor-box-shadow-color),0 1px 1px var(--md-editor-box-shadow-color);color:var(--color-fg-default);display:flex;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding-bottom:1px;position:relative;text-align:left}.w-md-editor.w-md-editor-rtl{direction:rtl!important;text-align:right!important}.w-md-editor.w-md-editor-rtl .w-md-editor-preview{box-shadow:inset -1px 0 0 0 var(--md-editor-box-shadow-color);left:0;right:auto!important;text-align:right!important}.w-md-editor.w-md-editor-rtl .w-md-editor-text{text-align:right!important}.w-md-editor-toolbar{height:-moz-fit-content;height:fit-content}.w-md-editor-content{border-radius:0 0 3px 0;height:100%;overflow:auto;position:relative}.w-md-editor .copied{display:none!important}.w-md-editor-input{height:100%;width:50%}.w-md-editor-text-pre>code{white-space:pre-wrap!important;word-break:break-word!important}.w-md-editor-preview{border-radius:0 0 5px 0;bottom:0;box-shadow:inset 1px 0 0 0 var(--md-editor-box-shadow-color);box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;padding:10px 20px;position:absolute;right:0;top:0;width:50%}.w-md-editor-preview .anchor{display:none}.w-md-editor-preview .contains-task-list{list-style:none}.w-md-editor-show-preview .w-md-editor-input{background-color:var(--md-editor-background-color);overflow:hidden;width:0}.w-md-editor-show-preview .w-md-editor-preview{box-shadow:inset 0 0 0 0;width:100%}.w-md-editor-show-edit .w-md-editor-input{width:100%}.w-md-editor-show-edit .w-md-editor-preview{padding:0;width:0}.w-md-editor-fullscreen{bottom:0;height:100%!important;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:99999}.w-md-editor-fullscreen .w-md-editor-content{height:100%}

package/esm/components/TextArea/index.css

@@ -26,6 +26,7 @@
   box-sizing: inherit;
   display: inherit;
   font-family: inherit;
+  font-family: var(--md-editor-font-family) !important;
   font-size: inherit;
   font-style: inherit;
   -webkit-font-variant-ligatures: inherit;
@@ -43,11 +44,6 @@
   word-break: normal;
   padding: 0;
 }
-.w-md-editor-text-pre > code,
-.w-md-editor-text-input > code,
-.w-md-editor-text > .w-md-editor-text-pre > code {
-  font-family: inherit;
-}
 .w-md-editor-text-pre {
   position: relative;
   margin: 0px !important;
@@ -56,7 +52,7 @@
 }
 .w-md-editor-text-pre > code {
   padding: 0 !important;
-  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
+  font-family: var(--md-editor-font-family) !important;
   font-size: 14px !important;
   line-height: 18px !important;
 }
@@ -101,17 +97,17 @@
   }
 }
 .w-md-editor-text-pre .punctuation {
-  color: var(--color-prettylights-syntax-comment) !important;
+  color: var(--color-prettylights-syntax-comment, #8b949e) !important;
 }
 .w-md-editor-text-pre .token.url,
 .w-md-editor-text-pre .token.content {
-  color: var(--color-prettylights-syntax-constant) !important;
+  color: var(--color-prettylights-syntax-constant, #0550ae) !important;
 }
 .w-md-editor-text-pre .token.title.important {
-  color: var(--color-prettylights-syntax-markup-bold);
+  color: var(--color-prettylights-syntax-markup-bold, #24292f);
 }
 .w-md-editor-text-pre .token.code-block .function {
-  color: var(--color-prettylights-syntax-entity);
+  color: var(--color-prettylights-syntax-entity, #8250df);
 }
 .w-md-editor-text-pre .token.bold {
   font-weight: unset !important;
@@ -122,9 +118,9 @@
   font-weight: unset !important;
 }
 .w-md-editor-text-pre .token.code.keyword {
-  color: var(--color-prettylights-syntax-constant) !important;
+  color: var(--color-prettylights-syntax-constant, #0550ae) !important;
 }
 .w-md-editor-text-pre .token.strike,
 .w-md-editor-text-pre .token.strike .content {
-  color: var(--color-prettylights-syntax-markup-deleted-text) !important;
+  color: var(--color-prettylights-syntax-markup-deleted-text, #82071e) !important;
 }

package/esm/components/TextArea/index.less

@@ -27,6 +27,7 @@
       box-sizing: inherit;
       display: inherit;
       font-family: inherit;
+      font-family: var(--md-editor-font-family) !important;
       font-size: inherit;
       font-style: inherit;
       font-variant-ligatures: inherit;
@@ -42,9 +43,6 @@
       word-break: inherit;
       word-break: normal;
       padding: 0;
-      > code {
-        font-family: inherit;
-      }
     }
     &-pre {
       position: relative;
@@ -53,7 +51,7 @@
       background-color: transparent !important;
       > code {
         padding: 0 !important;
-        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
+        font-family: var(--md-editor-font-family) !important;
         font-size: 14px !important;
         line-height: 18px !important;
       }
@@ -103,17 +101,17 @@
 
 .@{md-editor}-text-pre {
   .punctuation {
-    color: var(--color-prettylights-syntax-comment) !important;
+    color: var(--color-prettylights-syntax-comment, #8b949e) !important;
   }
   .token.url,
   .token.content {
-    color: var(--color-prettylights-syntax-constant) !important;
+    color: var(--color-prettylights-syntax-constant, #0550ae) !important;
   }
   .token.title.important {
-    color: var(--color-prettylights-syntax-markup-bold);
+    color: var(--color-prettylights-syntax-markup-bold, #24292f);
   }
   .token.code-block .function {
-    color: var(--color-prettylights-syntax-entity);
+    color: var(--color-prettylights-syntax-entity, #8250df);
   }
   .token.bold {
     font-weight: unset !important;
@@ -124,10 +122,10 @@
     font-weight: unset !important;
   }
   .token.code.keyword {
-    color: var(--color-prettylights-syntax-constant) !important;
+    color: var(--color-prettylights-syntax-constant, #0550ae) !important;
   }
   .token.strike,
   .token.strike .content {
-    color: var(--color-prettylights-syntax-markup-deleted-text) !important;
+    color: var(--color-prettylights-syntax-markup-deleted-text, #82071e) !important;
   }
 }

package/esm/components/Toolbar/Child.css

@@ -1,8 +1,8 @@
 .w-md-editor-toolbar-child {
   position: absolute;
   border-radius: 3px;
-  box-shadow: 0 0 0 1px var(--color-border-default), 0 0 0 var(--color-border-default), 0 1px 1px var(--color-border-default);
-  background-color: var(--color-canvas-default);
+  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);
+  background-color: var(--md-editor-background-color);
   z-index: 1;
   display: none;
 }

package/esm/components/Toolbar/Child.less

@@ -4,9 +4,9 @@
   &-toolbar-child {
     position: absolute;
     border-radius: 3px;
-    box-shadow: 0 0 0 1px var(--color-border-default), 0 0 0 var(--color-border-default),
-      0 1px 1px var(--color-border-default);
-    background-color: var(--color-canvas-default);
+    box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color),
+      0 1px 1px var(--md-editor-box-shadow-color);
+    background-color: var(--md-editor-background-color);
     z-index: 1;
     display: none;
     &.active {

package/esm/components/Toolbar/index.css

@@ -1,6 +1,6 @@
 .w-md-editor-toolbar {
-  border-bottom: 1px solid var(--color-border-default);
-  background-color: var(--color-canvas-default);
+  border-bottom: 1px solid var(--md-editor-box-shadow-color);
+  background-color: var(--md-editor-background-color);
   padding: 5px 5px;
   display: flex;
   justify-content: space-between;
@@ -12,7 +12,7 @@
 }
 .w-md-editor-toolbar.bottom {
   border-bottom: 0px;
-  border-top: 1px solid var(--color-border-default);
+  border-top: 1px solid var(--md-editor-box-shadow-color);
   border-radius: 0 0 3px 3px;
 }
 .w-md-editor-toolbar ul,
@@ -56,12 +56,12 @@
   color: var(--color-danger-fg);
 }
 .w-md-editor-toolbar li > button:disabled {
-  color: var(--color-border-default);
+  color: var(--md-editor-box-shadow-color);
   cursor: not-allowed;
 }
 .w-md-editor-toolbar li > button:disabled:hover {
   background-color: transparent;
-  color: var(--color-border-default);
+  color: var(--md-editor-box-shadow-color);
 }
 .w-md-editor-toolbar li.active > button {
   color: var(--color-accent-fg);
@@ -72,5 +72,5 @@
   width: 1px;
   margin: -3px 3px 0 3px !important;
   vertical-align: middle;
-  background-color: var(--color-border-default);
+  background-color: var(--md-editor-box-shadow-color);
 }

package/esm/components/Toolbar/index.less

@@ -2,8 +2,8 @@
 
 .@{md-editor} {
   &-toolbar {
-    border-bottom: 1px solid var(--color-border-default);
-    background-color: var(--color-canvas-default);
+    border-bottom: 1px solid var(--md-editor-box-shadow-color);
+    background-color: var(--md-editor-background-color);
     padding: 5px 5px;
     display: flex;
     justify-content: space-between;
@@ -13,7 +13,7 @@
     flex-wrap: wrap;
     &.bottom {
       border-bottom: 0px;
-      border-top: 1px solid var(--color-border-default);
+      border-top: 1px solid var(--md-editor-box-shadow-color);
       border-radius: 0 0 3px 3px;
     }
     ul,
@@ -55,11 +55,11 @@
           color: var(--color-danger-fg);
         }
         &:disabled {
-          color: var(--color-border-default);
+          color: var(--md-editor-box-shadow-color);
           cursor: not-allowed;
           &:hover {
             background-color: transparent;
-            color: var(--color-border-default);
+            color: var(--md-editor-box-shadow-color);
           }
         }
       }
@@ -73,7 +73,7 @@
       width: 1px;
       margin: -3px 3px 0 3px !important;
       vertical-align: middle;
-      background-color: var(--color-border-default);
+      background-color: var(--md-editor-box-shadow-color);
     }
   }
 }

package/esm/index.css

@@ -4,8 +4,11 @@
   padding-bottom: 1px;
   position: relative;
   color: var(--color-fg-default);
-  box-shadow: 0 0 0 1px var(--color-border-default), 0 0 0 var(--color-border-default), 0 1px 1px var(--color-border-default);
-  background-color: var(--color-canvas-default);
+  --md-editor-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --md-editor-background-color: var(--color-canvas-default, #ffffff);
+  --md-editor-box-shadow-color: var(--color-border-default, #d0d7de);
+  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);
+  background-color: var(--md-editor-background-color);
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   display: flex;
   flex-direction: column;
@@ -18,7 +21,7 @@
   right: unset !important;
   left: 0;
   text-align: right !important;
-  box-shadow: inset -1px 0 0 0 var(--color-border-default);
+  box-shadow: inset -1px 0 0 0 var(--md-editor-box-shadow-color);
 }
 .w-md-editor.w-md-editor-rtl .w-md-editor-text {
   text-align: right !important;
@@ -47,7 +50,7 @@
 .w-md-editor-preview {
   width: 50%;
   box-sizing: border-box;
-  box-shadow: inset 1px 0 0 0 var(--color-border-default);
+  box-shadow: inset 1px 0 0 0 var(--md-editor-box-shadow-color);
   position: absolute;
   padding: 10px 20px;
   overflow: auto;
@@ -67,7 +70,7 @@
 .w-md-editor-show-preview .w-md-editor-input {
   width: 0%;
   overflow: hidden;
-  background-color: var(--color-canvas-default);
+  background-color: var(--md-editor-background-color);
 }
 .w-md-editor-show-preview .w-md-editor-preview {
   width: 100%;

package/esm/index.less

@@ -6,9 +6,12 @@
   padding-bottom: 1px;
   position: relative;
   color: var(--color-fg-default);
-  box-shadow: 0 0 0 1px var(--color-border-default), 0 0 0 var(--color-border-default),
-    0 1px 1px var(--color-border-default);
-  background-color: var(--color-canvas-default);
+  --md-editor-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --md-editor-background-color: var(--color-canvas-default, #ffffff);
+  --md-editor-box-shadow-color: var(--color-border-default, #d0d7de);
+  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color),
+    0 1px 1px var(--md-editor-box-shadow-color);
+  background-color: var(--md-editor-background-color);
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   display: flex;
   flex-direction: column;
@@ -20,7 +23,7 @@
     right: unset !important;
     left: 0;
     text-align: right !important;
-    box-shadow: inset -1px 0 0 0 var(--color-border-default);
+    box-shadow: inset -1px 0 0 0 var(--md-editor-box-shadow-color);
   }
   &&-rtl &-text {
     text-align: right !important;
@@ -48,7 +51,7 @@
   &-preview {
     width: 50%;
     box-sizing: border-box;
-    box-shadow: inset 1px 0 0 0 var(--color-border-default);
+    box-shadow: inset 1px 0 0 0 var(--md-editor-box-shadow-color);
     position: absolute;
     padding: 10px 20px;
     overflow: auto;
@@ -70,7 +73,7 @@
   &-show-preview &-input {
     width: 0%;
     overflow: hidden;
-    background-color: var(--color-canvas-default);
+    background-color: var(--md-editor-background-color);
   }
   &-show-preview &-preview {
     width: 100%;

package/lib/components/TextArea/index.less

@@ -27,6 +27,7 @@
       box-sizing: inherit;
       display: inherit;
       font-family: inherit;
+      font-family: var(--md-editor-font-family) !important;
       font-size: inherit;
       font-style: inherit;
       font-variant-ligatures: inherit;
@@ -42,9 +43,6 @@
       word-break: inherit;
       word-break: normal;
       padding: 0;
-      > code {
-        font-family: inherit;
-      }
     }
     &-pre {
       position: relative;
@@ -53,7 +51,7 @@
       background-color: transparent !important;
       > code {
         padding: 0 !important;
-        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
+        font-family: var(--md-editor-font-family) !important;
         font-size: 14px !important;
         line-height: 18px !important;
       }
@@ -103,17 +101,17 @@
 
 .@{md-editor}-text-pre {
   .punctuation {
-    color: var(--color-prettylights-syntax-comment) !important;
+    color: var(--color-prettylights-syntax-comment, #8b949e) !important;
   }
   .token.url,
   .token.content {
-    color: var(--color-prettylights-syntax-constant) !important;
+    color: var(--color-prettylights-syntax-constant, #0550ae) !important;
   }
   .token.title.important {
-    color: var(--color-prettylights-syntax-markup-bold);
+    color: var(--color-prettylights-syntax-markup-bold, #24292f);
   }
   .token.code-block .function {
-    color: var(--color-prettylights-syntax-entity);
+    color: var(--color-prettylights-syntax-entity, #8250df);
   }
   .token.bold {
     font-weight: unset !important;
@@ -124,10 +122,10 @@
     font-weight: unset !important;
   }
   .token.code.keyword {
-    color: var(--color-prettylights-syntax-constant) !important;
+    color: var(--color-prettylights-syntax-constant, #0550ae) !important;
   }
   .token.strike,
   .token.strike .content {
-    color: var(--color-prettylights-syntax-markup-deleted-text) !important;
+    color: var(--color-prettylights-syntax-markup-deleted-text, #82071e) !important;
   }
 }

package/lib/components/Toolbar/Child.less

@@ -4,9 +4,9 @@
   &-toolbar-child {
     position: absolute;
     border-radius: 3px;
-    box-shadow: 0 0 0 1px var(--color-border-default), 0 0 0 var(--color-border-default),
-      0 1px 1px var(--color-border-default);
-    background-color: var(--color-canvas-default);
+    box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color),
+      0 1px 1px var(--md-editor-box-shadow-color);
+    background-color: var(--md-editor-background-color);
     z-index: 1;
     display: none;
     &.active {

package/lib/components/Toolbar/index.less

@@ -2,8 +2,8 @@
 
 .@{md-editor} {
   &-toolbar {
-    border-bottom: 1px solid var(--color-border-default);
-    background-color: var(--color-canvas-default);
+    border-bottom: 1px solid var(--md-editor-box-shadow-color);
+    background-color: var(--md-editor-background-color);
     padding: 5px 5px;
     display: flex;
     justify-content: space-between;
@@ -13,7 +13,7 @@
     flex-wrap: wrap;
     &.bottom {
       border-bottom: 0px;
-      border-top: 1px solid var(--color-border-default);
+      border-top: 1px solid var(--md-editor-box-shadow-color);
       border-radius: 0 0 3px 3px;
     }
     ul,
@@ -55,11 +55,11 @@
           color: var(--color-danger-fg);
         }
         &:disabled {
-          color: var(--color-border-default);
+          color: var(--md-editor-box-shadow-color);
           cursor: not-allowed;
           &:hover {
             background-color: transparent;
-            color: var(--color-border-default);
+            color: var(--md-editor-box-shadow-color);
           }
         }
       }
@@ -73,7 +73,7 @@
       width: 1px;
       margin: -3px 3px 0 3px !important;
       vertical-align: middle;
-      background-color: var(--color-border-default);
+      background-color: var(--md-editor-box-shadow-color);
     }
   }
 }

package/lib/index.less

@@ -6,9 +6,12 @@
   padding-bottom: 1px;
   position: relative;
   color: var(--color-fg-default);
-  box-shadow: 0 0 0 1px var(--color-border-default), 0 0 0 var(--color-border-default),
-    0 1px 1px var(--color-border-default);
-  background-color: var(--color-canvas-default);
+  --md-editor-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --md-editor-background-color: var(--color-canvas-default, #ffffff);
+  --md-editor-box-shadow-color: var(--color-border-default, #d0d7de);
+  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color),
+    0 1px 1px var(--md-editor-box-shadow-color);
+  background-color: var(--md-editor-background-color);
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   display: flex;
   flex-direction: column;
@@ -20,7 +23,7 @@
     right: unset !important;
     left: 0;
     text-align: right !important;
-    box-shadow: inset -1px 0 0 0 var(--color-border-default);
+    box-shadow: inset -1px 0 0 0 var(--md-editor-box-shadow-color);
   }
   &&-rtl &-text {
     text-align: right !important;
@@ -48,7 +51,7 @@
   &-preview {
     width: 50%;
     box-sizing: border-box;
-    box-shadow: inset 1px 0 0 0 var(--color-border-default);
+    box-shadow: inset 1px 0 0 0 var(--md-editor-box-shadow-color);
     position: absolute;
     padding: 10px 20px;
     overflow: auto;
@@ -70,7 +73,7 @@
   &-show-preview &-input {
     width: 0%;
     overflow: hidden;
-    background-color: var(--color-canvas-default);
+    background-color: var(--md-editor-background-color);
   }
   &-show-preview &-preview {
     width: 100%;

package/markdown-editor.css

@@ -44,6 +44,7 @@
   box-sizing: inherit;
   display: inherit;
   font-family: inherit;
+  font-family: var(--md-editor-font-family) !important;
   font-size: inherit;
   font-style: inherit;
   -webkit-font-variant-ligatures: inherit;
@@ -61,11 +62,6 @@
   word-break: normal;
   padding: 0;
 }
-.w-md-editor-text-pre > code,
-.w-md-editor-text-input > code,
-.w-md-editor-text > .w-md-editor-text-pre > code {
-  font-family: inherit;
-}
 .w-md-editor-text-pre {
   position: relative;
   margin: 0px !important;
@@ -74,7 +70,7 @@
 }
 .w-md-editor-text-pre > code {
   padding: 0 !important;
-  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
+  font-family: var(--md-editor-font-family) !important;
   font-size: 14px !important;
   line-height: 18px !important;
 }
@@ -119,17 +115,17 @@
   }
 }
 .w-md-editor-text-pre .punctuation {
-  color: var(--color-prettylights-syntax-comment) !important;
+  color: var(--color-prettylights-syntax-comment, #8b949e) !important;
 }
 .w-md-editor-text-pre .token.url,
 .w-md-editor-text-pre .token.content {
-  color: var(--color-prettylights-syntax-constant) !important;
+  color: var(--color-prettylights-syntax-constant, #0550ae) !important;
 }
 .w-md-editor-text-pre .token.title.important {
-  color: var(--color-prettylights-syntax-markup-bold);
+  color: var(--color-prettylights-syntax-markup-bold, #24292f);
 }
 .w-md-editor-text-pre .token.code-block .function {
-  color: var(--color-prettylights-syntax-entity);
+  color: var(--color-prettylights-syntax-entity, #8250df);
 }
 .w-md-editor-text-pre .token.bold {
   font-weight: unset !important;
@@ -140,17 +136,17 @@
   font-weight: unset !important;
 }
 .w-md-editor-text-pre .token.code.keyword {
-  color: var(--color-prettylights-syntax-constant) !important;
+  color: var(--color-prettylights-syntax-constant, #0550ae) !important;
 }
 .w-md-editor-text-pre .token.strike,
 .w-md-editor-text-pre .token.strike .content {
-  color: var(--color-prettylights-syntax-markup-deleted-text) !important;
+  color: var(--color-prettylights-syntax-markup-deleted-text, #82071e) !important;
 }
 .w-md-editor-toolbar-child {
   position: absolute;
   border-radius: 3px;
-  box-shadow: 0 0 0 1px var(--color-border-default), 0 0 0 var(--color-border-default), 0 1px 1px var(--color-border-default);
-  background-color: var(--color-canvas-default);
+  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);
+  background-color: var(--md-editor-background-color);
   z-index: 1;
   display: none;
 }
@@ -173,8 +169,8 @@
   margin: 0;
 }
 .w-md-editor-toolbar {
-  border-bottom: 1px solid var(--color-border-default);
-  background-color: var(--color-canvas-default);
+  border-bottom: 1px solid var(--md-editor-box-shadow-color);
+  background-color: var(--md-editor-background-color);
   padding: 5px 5px;
   display: flex;
   justify-content: space-between;
@@ -186,7 +182,7 @@
 }
 .w-md-editor-toolbar.bottom {
   border-bottom: 0px;
-  border-top: 1px solid var(--color-border-default);
+  border-top: 1px solid var(--md-editor-box-shadow-color);
   border-radius: 0 0 3px 3px;
 }
 .w-md-editor-toolbar ul,
@@ -230,12 +226,12 @@
   color: var(--color-danger-fg);
 }
 .w-md-editor-toolbar li > button:disabled {
-  color: var(--color-border-default);
+  color: var(--md-editor-box-shadow-color);
   cursor: not-allowed;
 }
 .w-md-editor-toolbar li > button:disabled:hover {
   background-color: transparent;
-  color: var(--color-border-default);
+  color: var(--md-editor-box-shadow-color);
 }
 .w-md-editor-toolbar li.active > button {
   color: var(--color-accent-fg);
@@ -246,7 +242,7 @@
   width: 1px;
   margin: -3px 3px 0 3px !important;
   vertical-align: middle;
-  background-color: var(--color-border-default);
+  background-color: var(--md-editor-box-shadow-color);
 }
 .w-md-editor {
   text-align: left;
@@ -254,8 +250,11 @@
   padding-bottom: 1px;
   position: relative;
   color: var(--color-fg-default);
-  box-shadow: 0 0 0 1px var(--color-border-default), 0 0 0 var(--color-border-default), 0 1px 1px var(--color-border-default);
-  background-color: var(--color-canvas-default);
+  --md-editor-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --md-editor-background-color: var(--color-canvas-default, #ffffff);
+  --md-editor-box-shadow-color: var(--color-border-default, #d0d7de);
+  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);
+  background-color: var(--md-editor-background-color);
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   display: flex;
   flex-direction: column;
@@ -268,7 +267,7 @@
   right: unset !important;
   left: 0;
   text-align: right !important;
-  box-shadow: inset -1px 0 0 0 var(--color-border-default);
+  box-shadow: inset -1px 0 0 0 var(--md-editor-box-shadow-color);
 }
 .w-md-editor.w-md-editor-rtl .w-md-editor-text {
   text-align: right !important;
@@ -297,7 +296,7 @@
 .w-md-editor-preview {
   width: 50%;
   box-sizing: border-box;
-  box-shadow: inset 1px 0 0 0 var(--color-border-default);
+  box-shadow: inset 1px 0 0 0 var(--md-editor-box-shadow-color);
   position: absolute;
   padding: 10px 20px;
   overflow: auto;
@@ -317,7 +316,7 @@
 .w-md-editor-show-preview .w-md-editor-input {
   width: 0%;
   overflow: hidden;
-  background-color: var(--color-canvas-default);
+  background-color: var(--md-editor-background-color);
 }
 .w-md-editor-show-preview .w-md-editor-preview {
   width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-md-editor",
-  "version": "3.22.0",
+  "version": "3.23.0",
   "description": "A markdown editor with preview, implemented with React.js and TypeScript.",
   "homepage": "https://uiwjs.github.io/react-md-editor/",
   "author": "kenny wang <wowohoo@qq.com>",

package/src/components/TextArea/index.less

@@ -27,6 +27,7 @@
       box-sizing: inherit;
       display: inherit;
       font-family: inherit;
+      font-family: var(--md-editor-font-family) !important;
       font-size: inherit;
       font-style: inherit;
       font-variant-ligatures: inherit;
@@ -42,9 +43,6 @@
       word-break: inherit;
       word-break: normal;
       padding: 0;
-      > code {
-        font-family: inherit;
-      }
     }
     &-pre {
       position: relative;
@@ -53,7 +51,7 @@
       background-color: transparent !important;
       > code {
         padding: 0 !important;
-        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
+        font-family: var(--md-editor-font-family) !important;
         font-size: 14px !important;
         line-height: 18px !important;
       }
@@ -103,17 +101,17 @@
 
 .@{md-editor}-text-pre {
   .punctuation {
-    color: var(--color-prettylights-syntax-comment) !important;
+    color: var(--color-prettylights-syntax-comment, #8b949e) !important;
   }
   .token.url,
   .token.content {
-    color: var(--color-prettylights-syntax-constant) !important;
+    color: var(--color-prettylights-syntax-constant, #0550ae) !important;
   }
   .token.title.important {
-    color: var(--color-prettylights-syntax-markup-bold);
+    color: var(--color-prettylights-syntax-markup-bold, #24292f);
   }
   .token.code-block .function {
-    color: var(--color-prettylights-syntax-entity);
+    color: var(--color-prettylights-syntax-entity, #8250df);
   }
   .token.bold {
     font-weight: unset !important;
@@ -124,10 +122,10 @@
     font-weight: unset !important;
   }
   .token.code.keyword {
-    color: var(--color-prettylights-syntax-constant) !important;
+    color: var(--color-prettylights-syntax-constant, #0550ae) !important;
   }
   .token.strike,
   .token.strike .content {
-    color: var(--color-prettylights-syntax-markup-deleted-text) !important;
+    color: var(--color-prettylights-syntax-markup-deleted-text, #82071e) !important;
   }
 }

package/src/components/Toolbar/Child.less

@@ -4,9 +4,9 @@
   &-toolbar-child {
     position: absolute;
     border-radius: 3px;
-    box-shadow: 0 0 0 1px var(--color-border-default), 0 0 0 var(--color-border-default),
-      0 1px 1px var(--color-border-default);
-    background-color: var(--color-canvas-default);
+    box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color),
+      0 1px 1px var(--md-editor-box-shadow-color);
+    background-color: var(--md-editor-background-color);
     z-index: 1;
     display: none;
     &.active {

package/src/components/Toolbar/index.less

@@ -2,8 +2,8 @@
 
 .@{md-editor} {
   &-toolbar {
-    border-bottom: 1px solid var(--color-border-default);
-    background-color: var(--color-canvas-default);
+    border-bottom: 1px solid var(--md-editor-box-shadow-color);
+    background-color: var(--md-editor-background-color);
     padding: 5px 5px;
     display: flex;
     justify-content: space-between;
@@ -13,7 +13,7 @@
     flex-wrap: wrap;
     &.bottom {
       border-bottom: 0px;
-      border-top: 1px solid var(--color-border-default);
+      border-top: 1px solid var(--md-editor-box-shadow-color);
       border-radius: 0 0 3px 3px;
     }
     ul,
@@ -55,11 +55,11 @@
           color: var(--color-danger-fg);
         }
         &:disabled {
-          color: var(--color-border-default);
+          color: var(--md-editor-box-shadow-color);
           cursor: not-allowed;
           &:hover {
             background-color: transparent;
-            color: var(--color-border-default);
+            color: var(--md-editor-box-shadow-color);
           }
         }
       }
@@ -73,7 +73,7 @@
       width: 1px;
       margin: -3px 3px 0 3px !important;
       vertical-align: middle;
-      background-color: var(--color-border-default);
+      background-color: var(--md-editor-box-shadow-color);
     }
   }
 }

package/src/index.less

@@ -6,9 +6,12 @@
   padding-bottom: 1px;
   position: relative;
   color: var(--color-fg-default);
-  box-shadow: 0 0 0 1px var(--color-border-default), 0 0 0 var(--color-border-default),
-    0 1px 1px var(--color-border-default);
-  background-color: var(--color-canvas-default);
+  --md-editor-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --md-editor-background-color: var(--color-canvas-default, #ffffff);
+  --md-editor-box-shadow-color: var(--color-border-default, #d0d7de);
+  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color),
+    0 1px 1px var(--md-editor-box-shadow-color);
+  background-color: var(--md-editor-background-color);
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   display: flex;
   flex-direction: column;
@@ -20,7 +23,7 @@
     right: unset !important;
     left: 0;
     text-align: right !important;
-    box-shadow: inset -1px 0 0 0 var(--color-border-default);
+    box-shadow: inset -1px 0 0 0 var(--md-editor-box-shadow-color);
   }
   &&-rtl &-text {
     text-align: right !important;
@@ -48,7 +51,7 @@
   &-preview {
     width: 50%;
     box-sizing: border-box;
-    box-shadow: inset 1px 0 0 0 var(--color-border-default);
+    box-shadow: inset 1px 0 0 0 var(--md-editor-box-shadow-color);
     position: absolute;
     padding: 10px 20px;
     overflow: auto;
@@ -70,7 +73,7 @@
   &-show-preview &-input {
     width: 0%;
     overflow: hidden;
-    background-color: var(--color-canvas-default);
+    background-color: var(--md-editor-background-color);
   }
   &-show-preview &-preview {
     width: 100%;