[{"data":1,"prerenderedAt":159},["ShallowReactive",2],{"docs:\u002Fen\u002Fdocs\u002Fconfiguration\u002Fappearance":3},{"id":4,"title":5,"body":6,"description":149,"extension":150,"meta":151,"navigation":154,"path":155,"seo":156,"stem":157,"__hash__":158},"docs_en\u002Fen\u002Fdocs\u002Fconfiguration\u002Fappearance.md","Colors and appearance",{"type":7,"value":8,"toc":143},"minimark",[9,14,18,22,25,29,32,36,45,139],[10,11,13],"h2",{"id":12},"four-palette-colors","Four palette colors",[15,16,17],"p",{},"Choose the editor background, text, icon and accent colors in the builder. Valid HEX values are applied immediately without recreating the editor or losing the document history. The generated script\u002FESM includes scoped application CSS. It does not rewrite the exported document.",[10,19,21],{"id":20},"day-and-night","Day and night",[15,23,24],{},"The website theme covers its shell, playground, examples and builder UI. Unmodified builder colors follow the site theme; explicitly selected palette colors remain your choices. Theme and language preferences are local to the browser.",[10,26,28],{"id":27},"document-css","Document CSS",[15,30,31],{},"getCSS\u002FsetCSS control the separate document stylesheet. Only the supported selectors\u002Fproperties are accepted. Document styles run in Shadow DOM, keeping them separate from your application and the editor controls. When publishing HTML+CSS, your application provides its own isolation.",[10,33,35],{"id":34},"stability","Stability",[15,37,38,39,44],{},"The builder palette is scoped generated CSS, not a stable public theme object API. Preserve the entire distribution when upgrading and verify both interface contrast and user document appearance. ",[40,41,43],"a",{"href":42},"\u002Fen\u002Fdocs\u002Fguides\u002Fhtml-css","HTML\u002FCSS",".",[46,47,52],"pre",{"className":48,"code":49,"language":50,"meta":51,"style":51},"language-js shiki shiki-themes github-dark","const paletteStyle = document.createElement('style');\npaletteStyle.textContent = '#editor > .vitext { --vt-paper: #fffdf8; --vt-ink: #1e1c18; --vt-accent: #2c3bd6; }';\ndocument.head.append(paletteStyle);\neditor.destroy();\npaletteStyle.remove();\n","js","",[53,54,55,89,104,116,128],"code",{"__ignoreMap":51},[56,57,60,64,68,71,75,79,82,86],"span",{"class":58,"line":59},"line",1,[56,61,63],{"class":62},"snl16","const",[56,65,67],{"class":66},"sDLfK"," paletteStyle",[56,69,70],{"class":62}," =",[56,72,74],{"class":73},"s95oV"," document.",[56,76,78],{"class":77},"svObZ","createElement",[56,80,81],{"class":73},"(",[56,83,85],{"class":84},"sU2Wk","'style'",[56,87,88],{"class":73},");\n",[56,90,92,95,98,101],{"class":58,"line":91},2,[56,93,94],{"class":73},"paletteStyle.textContent ",[56,96,97],{"class":62},"=",[56,99,100],{"class":84}," '#editor > .vitext { --vt-paper: #fffdf8; --vt-ink: #1e1c18; --vt-accent: #2c3bd6; }'",[56,102,103],{"class":73},";\n",[56,105,107,110,113],{"class":58,"line":106},3,[56,108,109],{"class":73},"document.head.",[56,111,112],{"class":77},"append",[56,114,115],{"class":73},"(paletteStyle);\n",[56,117,119,122,125],{"class":58,"line":118},4,[56,120,121],{"class":73},"editor.",[56,123,124],{"class":77},"destroy",[56,126,127],{"class":73},"();\n",[56,129,131,134,137],{"class":58,"line":130},5,[56,132,133],{"class":73},"paletteStyle.",[56,135,136],{"class":77},"remove",[56,138,127],{"class":73},[140,141,142],"style",{},"html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":51,"searchDepth":91,"depth":91,"links":144},[145,146,147,148],{"id":12,"depth":91,"text":13},{"id":20,"depth":91,"text":21},{"id":27,"depth":91,"text":28},{"id":34,"depth":91,"text":35},"Builder palette and separation between interface and document styles.","md",{"group":152,"order":153},"Configuration",12,true,"\u002Fen\u002Fdocs\u002Fconfiguration\u002Fappearance",{"title":5,"description":149},"en\u002Fdocs\u002Fconfiguration\u002Fappearance","OHGYaiEiiMYlVuI4Kz2ORrIXSypfMLFtTl-bJfuYRcs",1792670389462]