[{"data":1,"prerenderedAt":168},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fconfiguration\u002Fappearance":3},{"id":4,"title":5,"body":6,"description":158,"extension":159,"meta":160,"navigation":163,"path":164,"seo":165,"stem":166,"__hash__":167},"docs\u002Fdocs\u002Fconfiguration\u002Fappearance.md","Цвета и оформление",{"type":7,"value":8,"toc":153},"minimark",[9,14,18,21,25,28,129,132,136,149],[10,11,13],"h2",{"id":12},"четыре-цвета","Четыре цвета",[15,16,17],"p",{},"В конструкторе рядом с превью выбираются фон, текст, обычные иконки и акцент. Поддержаны выбор цвета и HEX #RGB\u002F#RRGGBB; некорректное значение не применяется. Акцент задаёт выбранные действия и ссылки. Сброс возвращает исходные цвета.",[15,19,20],{},"Изменение палитры не меняет содержимое или историю. Высота палитры совпадает с превью и следует за изменением размера; при малой высоте настройки прокручиваются внутри.",[10,22,24],{"id":23},"код-подключения","Код подключения",[15,26,27],{},"Script-пример включает scoped-style. ESM-пример создаёт style-элемент и показывает его удаление рядом с destroy. Это CSS примера, не стабильный публичный API темы.",[29,30,35],"pre",{"className":31,"code":32,"language":33,"meta":34,"style":34},"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);\n\u002F\u002F Когда редактор больше не нужен:\neditor.destroy();\npaletteStyle.remove();\n","js","",[36,37,38,72,87,99,106,118],"code",{"__ignoreMap":34},[39,40,43,47,51,54,58,62,65,69],"span",{"class":41,"line":42},"line",1,[39,44,46],{"class":45},"snl16","const",[39,48,50],{"class":49},"sDLfK"," paletteStyle",[39,52,53],{"class":45}," =",[39,55,57],{"class":56},"s95oV"," document.",[39,59,61],{"class":60},"svObZ","createElement",[39,63,64],{"class":56},"(",[39,66,68],{"class":67},"sU2Wk","'style'",[39,70,71],{"class":56},");\n",[39,73,75,78,81,84],{"class":41,"line":74},2,[39,76,77],{"class":56},"paletteStyle.textContent ",[39,79,80],{"class":45},"=",[39,82,83],{"class":67}," '#editor > .vitext { --vt-paper: #fffdf8; --vt-ink: #1e1c18; --vt-accent: #2c3bd6; }'",[39,85,86],{"class":56},";\n",[39,88,90,93,96],{"class":41,"line":89},3,[39,91,92],{"class":56},"document.head.",[39,94,95],{"class":60},"append",[39,97,98],{"class":56},"(paletteStyle);\n",[39,100,102],{"class":41,"line":101},4,[39,103,105],{"class":104},"sAwPA","\u002F\u002F Когда редактор больше не нужен:\n",[39,107,109,112,115],{"class":41,"line":108},5,[39,110,111],{"class":56},"editor.",[39,113,114],{"class":60},"destroy",[39,116,117],{"class":56},"();\n",[39,119,121,124,127],{"class":41,"line":120},6,[39,122,123],{"class":56},"paletteStyle.",[39,125,126],{"class":60},"remove",[39,128,117],{"class":56},[15,130,131],{},"При другом id host измените селектор. Эти CSS-переменные относятся к текущей оболочке и могут измениться до беты.",[10,133,135],{"id":134},"стили-документа","Стили документа",[15,137,138,139,142,143,148],{},"Палитра интерфейса и CSS содержимого — разные настройки. ",[36,140,141],{},"setCSS\u002FgetCSS"," работают с отдельными стилями документа; они изолированы в Shadow DOM и экспортируются отдельно. ",[144,145,147],"a",{"href":146},"\u002Fdocs\u002Fguides\u002Fhtml-css","HTML\u002FCSS",".",[150,151,152],"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 pre.shiki code .sAwPA, html code.shiki .sAwPA{--shiki-default:#6A737D}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":34,"searchDepth":74,"depth":74,"links":154},[155,156,157],{"id":12,"depth":74,"text":13},{"id":23,"depth":74,"text":24},{"id":134,"depth":74,"text":135},"Палитра конструктора и изоляция оформления документа.","md",{"group":161,"order":162},"Настройка",12,true,"\u002Fdocs\u002Fconfiguration\u002Fappearance",{"title":5,"description":158},"docs\u002Fconfiguration\u002Fappearance","BkVI0m3DGBW2mZMAv_a4Lk21-NBa0hWPIzwQ4dsqaOQ",1792670389276]