[{"data":1,"prerenderedAt":1054},["ShallowReactive",2],{"navigation_docs_en":3,"-en-concepts-theme":128,"-en-concepts-theme-surround":1049},[4,41,77,103],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":40},"Getting Started","i-lucide-rocket","\u002Fen\u002Fgetting-started","en\u002F1.getting-started",[10,15,20,25,30,35],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fen\u002Fgetting-started\u002Fintroduction","en\u002F1.getting-started\u002F2.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fen\u002Fgetting-started\u002Finstallation","en\u002F1.getting-started\u002F3.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Project Structure","\u002Fen\u002Fgetting-started\u002Fproject-structure","en\u002F1.getting-started\u002F4.project-structure","i-lucide-folder-tree",{"title":26,"path":27,"stem":28,"icon":29},"Studio module","\u002Fen\u002Fgetting-started\u002Fstudio","en\u002F1.getting-started\u002F5.studio","i-lucide-mouse-pointer-2",{"title":31,"path":32,"stem":33,"icon":34},"Migration","\u002Fen\u002Fgetting-started\u002Fmigration","en\u002F1.getting-started\u002F6.migration","i-lucide-replace",{"title":36,"path":37,"stem":38,"icon":39},"Troubleshooting","\u002Fen\u002Fgetting-started\u002Ftroubleshooting","en\u002F1.getting-started\u002F7.troubleshooting","i-lucide-wrench",false,{"title":42,"icon":43,"path":44,"stem":45,"children":46,"page":40},"Core Concepts","i-lucide-brain","\u002Fen\u002Fconcepts","en\u002F2.concepts",[47,52,57,62,67,72],{"title":48,"path":49,"stem":50,"icon":51},"Edition","\u002Fen\u002Fconcepts\u002Fedition","en\u002F2.concepts\u002F2.edition","i-lucide-pencil",{"title":53,"path":54,"stem":55,"icon":56},"Configuration","\u002Fen\u002Fconcepts\u002Fconfiguration","en\u002F2.concepts\u002F3.configuration","i-lucide-settings",{"title":58,"path":59,"stem":60,"icon":61},"Theme","\u002Fen\u002Fconcepts\u002Ftheme","en\u002F2.concepts\u002F4.theme","i-lucide-paint-roller",{"title":63,"path":64,"stem":65,"icon":66},"Customization","\u002Fen\u002Fconcepts\u002Fcustomization","en\u002F2.concepts\u002F5.customization","i-lucide-pen-tool",{"title":68,"path":69,"stem":70,"icon":71},"Internationalization","\u002Fen\u002Fconcepts\u002Finternationalization","en\u002F2.concepts\u002F6.internationalization","i-lucide-globe",{"title":73,"path":74,"stem":75,"icon":76},"Nuxt","\u002Fen\u002Fconcepts\u002Fnuxt","en\u002F2.concepts\u002F8.nuxt","i-simple-icons-nuxt",{"title":78,"icon":79,"path":80,"stem":81,"children":82,"page":40},"Essentials","i-lucide-book-open","\u002Fen\u002Fessentials","en\u002F3.essentials",[83,88,93,98],{"title":84,"path":85,"stem":86,"icon":87},"Markdown Syntax","\u002Fen\u002Fessentials\u002Fmarkdown-syntax","en\u002F3.essentials\u002F1.markdown-syntax","i-lucide-heading-1",{"title":89,"path":90,"stem":91,"icon":92},"Code Blocks","\u002Fen\u002Fessentials\u002Fcode-blocks","en\u002F3.essentials\u002F2.code-blocks","i-lucide-code-xml",{"title":94,"path":95,"stem":96,"icon":97},"Components","\u002Fen\u002Fessentials\u002Fcomponents","en\u002F3.essentials\u002F3.components","i-lucide-component",{"title":99,"path":100,"stem":101,"icon":102},"Images and Embeds","\u002Fen\u002Fessentials\u002Fimages-embeds","en\u002F3.essentials\u002F4.images-embeds","i-lucide-image",{"title":104,"icon":105,"path":106,"stem":107,"children":108,"page":40},"AI","i-lucide-sparkles","\u002Fen\u002Fai","en\u002F4.ai",[109,113,118,123],{"title":110,"path":111,"stem":112,"icon":105},"Assistant","\u002Fen\u002Fai\u002Fassistant","en\u002F4.ai\u002F1.assistant",{"title":114,"path":115,"stem":116,"icon":117},"MCP Server","\u002Fen\u002Fai\u002Fmcp","en\u002F4.ai\u002F2.mcp","i-lucide-cpu",{"title":119,"path":120,"stem":121,"icon":122},"Agent Skills","\u002Fen\u002Fai\u002Fskills","en\u002F4.ai\u002F3.skills","i-lucide-wand-sparkles",{"title":124,"path":125,"stem":126,"icon":127},"LLMs Integration","\u002Fen\u002Fai\u002Fllms","en\u002F4.ai\u002F4.llms","i-lucide-message-circle-code",{"id":129,"title":58,"body":130,"description":1042,"extension":1043,"links":1044,"meta":1045,"navigation":1046,"path":59,"seo":1047,"stem":60,"__hash__":1048},"docs_en\u002Fen\u002F2.concepts\u002F4.theme.md",{"type":131,"value":132,"toc":1035},"minimark",[133,137,142,151,157,164,348,371,375,382,385,475,486,584,587,601,610,613,689,699,707,711,721,724,809,819,960,963,1031],[134,135,136],"p",{},"Docus is built on top of Nuxt UI and takes full advantage of Tailwind CSS v4, CSS variables. The Tailwind Variants API offers a flexible and scalable theming system.",[138,139,141],"tip",{"to":140},"https:\u002F\u002Fui.nuxt.com\u002Fgetting-started\u002Ftheme","For a full overview of Nuxt UI theming, check out the Nuxt UI documentation.",[143,144,146,147],"h2",{"id":145},"override-with-theme","Override with ",[148,149,150],"code",{},"@theme",[134,152,153,154,156],{},"You can customize your theme with CSS variables inside a ",[148,155,150],{}," directive to define your project's custom design tokens, like fonts, colors, and breakpoints.",[134,158,159,160,163],{},"To override the theme, create an ",[148,161,162],{},"app\u002Fapp.css"," file in your project:",[165,166,171],"pre",{"className":167,"code":168,"filename":162,"language":169,"meta":170,"style":170},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@theme {\n  --font-sans: 'Public Sans', sans-serif;\n\n  --breakpoint-3xl: 1920px;\n\n  --color-green-50: #EFFDF5;\n  --color-green-100: #D9FBE8;\n  --color-green-200: #B3F5D1;\n  --color-green-300: #75EDAE;\n  --color-green-400: #00DC82;\n  --color-green-500: #00C16A;\n  --color-green-600: #00A155;\n  --color-green-700: #007F45;\n  --color-green-800: #016538;\n  --color-green-900: #0A5331;\n  --color-green-950: #052E16;\n}\n","css","",[148,172,173,185,202,209,215,220,232,243,254,265,276,287,298,309,320,331,342],{"__ignoreMap":170},[174,175,178,181],"span",{"class":176,"line":177},"line",1,[174,179,150],{"class":180},"s7zQu",[174,182,184],{"class":183},"sMK4o"," {\n",[174,186,188,192,195,199],{"class":176,"line":187},2,[174,189,191],{"class":190},"sTEyZ","  --font-sans: 'Public Sans'",[174,193,194],{"class":183},",",[174,196,198],{"class":197},"sBMFI"," sans-serif",[174,200,201],{"class":190},";\n",[174,203,205],{"class":176,"line":204},3,[174,206,208],{"emptyLinePlaceholder":207},true,"\n",[174,210,212],{"class":176,"line":211},4,[174,213,214],{"class":190},"  --breakpoint-3xl: 1920px;\n",[174,216,218],{"class":176,"line":217},5,[174,219,208],{"emptyLinePlaceholder":207},[174,221,223,226,229],{"class":176,"line":222},6,[174,224,225],{"class":190},"  --color-green-50: ",[174,227,228],{"class":183},"#",[174,230,231],{"class":190},"EFFDF5;\n",[174,233,235,238,240],{"class":176,"line":234},7,[174,236,237],{"class":190},"  --color-green-100: ",[174,239,228],{"class":183},[174,241,242],{"class":190},"D9FBE8;\n",[174,244,246,249,251],{"class":176,"line":245},8,[174,247,248],{"class":190},"  --color-green-200: ",[174,250,228],{"class":183},[174,252,253],{"class":190},"B3F5D1;\n",[174,255,257,260,262],{"class":176,"line":256},9,[174,258,259],{"class":190},"  --color-green-300: ",[174,261,228],{"class":183},[174,263,264],{"class":190},"75EDAE;\n",[174,266,268,271,273],{"class":176,"line":267},10,[174,269,270],{"class":190},"  --color-green-400: ",[174,272,228],{"class":183},[174,274,275],{"class":190},"00DC82;\n",[174,277,279,282,284],{"class":176,"line":278},11,[174,280,281],{"class":190},"  --color-green-500: ",[174,283,228],{"class":183},[174,285,286],{"class":190},"00C16A;\n",[174,288,290,293,295],{"class":176,"line":289},12,[174,291,292],{"class":190},"  --color-green-600: ",[174,294,228],{"class":183},[174,296,297],{"class":190},"00A155;\n",[174,299,301,304,306],{"class":176,"line":300},13,[174,302,303],{"class":190},"  --color-green-700: ",[174,305,228],{"class":183},[174,307,308],{"class":190},"007F45;\n",[174,310,312,315,317],{"class":176,"line":311},14,[174,313,314],{"class":190},"  --color-green-800: ",[174,316,228],{"class":183},[174,318,319],{"class":190},"016538;\n",[174,321,323,326,328],{"class":176,"line":322},15,[174,324,325],{"class":190},"  --color-green-900: ",[174,327,228],{"class":183},[174,329,330],{"class":190},"0A5331;\n",[174,332,334,337,339],{"class":176,"line":333},16,[174,335,336],{"class":190},"  --color-green-950: ",[174,338,228],{"class":183},[174,340,341],{"class":190},"052E16;\n",[174,343,345],{"class":176,"line":344},17,[174,346,347],{"class":190},"}\n",[349,350,351,352,354,355,357,358,361,362,366,367,370],"warning",{},"Docus automatically imports ",[148,353,162],{}," — you don't need to add it to the ",[148,356,169],{}," array in ",[148,359,360],{},"nuxt.config.ts",", and you should ",[363,364,365],"strong",{},"not"," include ",[148,368,369],{},"@import \"tailwindcss\""," in this file as Docus handles it for you.",[143,372,374],{"id":373},"colors","Colors",[134,376,377,378,381],{},"Docus uses pre-configured color aliases that are used to style components and power the ",[148,379,380],{},"color"," props across the UI.",[134,383,384],{},"Each badge below represents a default alias:",[386,387,388,406,418,429,440,451,463],"ul",{},[389,390,391,396,397,400,401],"li",{},[392,393],"u-badge",{"label":394,"variant":395},"primary","outline"," → Main brand color, used as the default color for components ",[398,399],"br",{}," ",[174,402,405],{"className":403},[404],"text-xs,text-muted","(default: green)",[389,407,408,411,412,400,414],{},[392,409],{"label":410,"variant":395,"color":410},"secondary"," → Secondary color to complement the primary color ",[398,413],{},[174,415,417],{"className":416},[404],"(default: blue)",[389,419,420,423,424,400,426],{},[392,421],{"label":422,"variant":395,"color":422},"success"," → Used for success states ",[398,425],{},[174,427,405],{"className":428},[404],[389,430,431,434,435,400,437],{},[392,432],{"label":433,"variant":395,"color":433},"info"," → Used for informational states ",[398,436],{},[174,438,417],{"className":439},[404],[389,441,442,444,445,400,447],{},[392,443],{"label":349,"variant":395,"color":349}," → Used for warning states ",[398,446],{},[174,448,450],{"className":449},[404],"(default: yellow)",[389,452,453,456,457,400,459],{},[392,454],{"label":455,"variant":395,"color":455},"error"," → Used for form error validation states ",[398,458],{},[174,460,462],{"className":461},[404],"(default: red)",[389,464,465,468,469,400,471],{},[392,466],{"label":467,"variant":395,"color":467},"neutral"," → Neutral color for backgrounds, text, etc. ",[398,470],{},[174,472,474],{"className":473},[404],"(default: slate)",[134,476,477,478,481,482,485],{},"You can customize these colors globally by updating the ",[148,479,480],{},"app.config.ts"," file under the ",[148,483,484],{},"ui.colors"," key:",[165,487,491],{"className":488,"code":489,"filename":480,"language":490,"meta":170,"style":170},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineAppConfig({\n  ui: {\n    colors: {\n      primary: 'blue',\n      neutral: 'zinc'\n    }\n  }\n})\n","ts",[148,492,493,511,522,531,551,566,571,576],{"__ignoreMap":170},[174,494,495,498,501,505,508],{"class":176,"line":177},[174,496,497],{"class":180},"export",[174,499,500],{"class":180}," default",[174,502,504],{"class":503},"s2Zo4"," defineAppConfig",[174,506,507],{"class":190},"(",[174,509,510],{"class":183},"{\n",[174,512,513,517,520],{"class":176,"line":187},[174,514,516],{"class":515},"swJcz","  ui",[174,518,519],{"class":183},":",[174,521,184],{"class":183},[174,523,524,527,529],{"class":176,"line":204},[174,525,526],{"class":515},"    colors",[174,528,519],{"class":183},[174,530,184],{"class":183},[174,532,533,536,538,541,545,548],{"class":176,"line":211},[174,534,535],{"class":515},"      primary",[174,537,519],{"class":183},[174,539,540],{"class":183}," '",[174,542,544],{"class":543},"sfazB","blue",[174,546,547],{"class":183},"'",[174,549,550],{"class":183},",\n",[174,552,553,556,558,560,563],{"class":176,"line":217},[174,554,555],{"class":515},"      neutral",[174,557,519],{"class":183},[174,559,540],{"class":183},[174,561,562],{"class":543},"zinc",[174,564,565],{"class":183},"'\n",[174,567,568],{"class":176,"line":222},[174,569,570],{"class":183},"    }\n",[174,572,573],{"class":176,"line":234},[174,574,575],{"class":183},"  }\n",[174,577,578,581],{"class":176,"line":245},[174,579,580],{"class":183},"}",[174,582,583],{"class":190},")\n",[143,585,94],{"id":586},"components",[134,588,589,590,597,598,600],{},"Beyond colors, all ",[591,592,596],"a",{"href":593,"rel":594},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents",[595],"nofollow","Nuxt UI components"," can be themed globally via ",[148,599,480],{},".",[134,602,603,604,609],{},"You can override any component’s appearance by using the same structure as the component’s internal theme object (displayed at ",[591,605,608],{"href":606,"rel":607},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents\u002Fcard#theme",[595],"the end of each component page",").",[134,611,612],{},"For example, to change the font weight of all buttons:",[165,614,616],{"className":488,"code":615,"filename":480,"language":490,"meta":170,"style":170},"export default defineAppConfig({\n  ui: {\n    button: {\n      slots: {\n        base: 'font-bold'\n      }\n    }\n  }\n})\n",[148,617,618,630,638,647,656,670,675,679,683],{"__ignoreMap":170},[174,619,620,622,624,626,628],{"class":176,"line":177},[174,621,497],{"class":180},[174,623,500],{"class":180},[174,625,504],{"class":503},[174,627,507],{"class":190},[174,629,510],{"class":183},[174,631,632,634,636],{"class":176,"line":187},[174,633,516],{"class":515},[174,635,519],{"class":183},[174,637,184],{"class":183},[174,639,640,643,645],{"class":176,"line":204},[174,641,642],{"class":515},"    button",[174,644,519],{"class":183},[174,646,184],{"class":183},[174,648,649,652,654],{"class":176,"line":211},[174,650,651],{"class":515},"      slots",[174,653,519],{"class":183},[174,655,184],{"class":183},[174,657,658,661,663,665,668],{"class":176,"line":217},[174,659,660],{"class":515},"        base",[174,662,519],{"class":183},[174,664,540],{"class":183},[174,666,667],{"class":543},"font-bold",[174,669,565],{"class":183},[174,671,672],{"class":176,"line":222},[174,673,674],{"class":183},"      }\n",[174,676,677],{"class":176,"line":234},[174,678,570],{"class":183},[174,680,681],{"class":176,"line":245},[174,682,575],{"class":183},[174,684,685,687],{"class":176,"line":256},[174,686,580],{"class":183},[174,688,583],{"class":190},[134,690,691,692,694,695,698],{},"In this example, the ",[148,693,667],{}," class will override the default ",[148,696,697],{},"font-medium"," class on all buttons.",[700,701,703,704,706],"note",{"to":702},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents\u002Fbutton#theme","To explore the available theme options for each component, refer to the ",[363,705,58],{}," section in their respective Nuxt UI documentation page.",[143,708,710],{"id":709},"docus-subcomponents","Docus Subcomponents",[134,712,713,714,716,717,720],{},"Docus uses several Nuxt UI components internally for navigation, table of contents, and sub-navigation. You can customize their default variants through ",[148,715,480],{}," using the ",[148,718,719],{},"defaultVariants"," key, without having to override the entire component.",[134,722,723],{},"The following components are configurable:",[725,726,727,743],"table",{},[728,729,730],"thead",{},[731,732,733,737,740],"tr",{},[734,735,736],"th",{},"Component",[734,738,739],{},"Key",[734,741,742],{},"Defaults",[744,745,746,766,788],"tbody",{},[731,747,748,756,761],{},[749,750,751],"td",{},[591,752,755],{"href":753,"rel":754},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents\u002Fcontent-toc",[595],"ContentToc",[749,757,758],{},[148,759,760],{},"ui.contentToc",[749,762,763],{},[148,764,765],{},"highlight: true",[731,767,768,775,780],{},[749,769,770],{},[591,771,774],{"href":772,"rel":773},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents\u002Fcontent-navigation",[595],"ContentNavigation",[749,776,777],{},[148,778,779],{},"ui.contentNavigation",[749,781,782,785,786],{},[148,783,784],{},"variant: 'link'",", ",[148,787,765],{},[731,789,790,797,802],{},[749,791,792],{},[591,793,796],{"href":794,"rel":795},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents\u002Fnavigation-menu",[595],"NavigationMenu",[749,798,799],{},[148,800,801],{},"ui.navigationMenu",[749,803,804,785,807],{},[148,805,806],{},"variant: 'pill'",[148,808,765],{},[134,810,811,812,815,816,519],{},"For example, to change the table of contents highlight style to ",[148,813,814],{},"circuit"," and switch the sidebar navigation variant to ",[148,817,818],{},"pill",[165,820,822],{"className":488,"code":821,"filename":480,"language":490,"meta":170,"style":170},"export default defineAppConfig({\n  ui: {\n    contentToc: {\n      defaultVariants: {\n        highlightVariant: 'circuit',\n        highlightColor: 'secondary'\n      }\n    },\n    contentNavigation: {\n      defaultVariants: {\n        variant: 'pill',\n        highlight: false\n      }\n    }\n  }\n})\n",[148,823,824,836,844,853,862,877,890,894,899,908,916,931,942,946,950,954],{"__ignoreMap":170},[174,825,826,828,830,832,834],{"class":176,"line":177},[174,827,497],{"class":180},[174,829,500],{"class":180},[174,831,504],{"class":503},[174,833,507],{"class":190},[174,835,510],{"class":183},[174,837,838,840,842],{"class":176,"line":187},[174,839,516],{"class":515},[174,841,519],{"class":183},[174,843,184],{"class":183},[174,845,846,849,851],{"class":176,"line":204},[174,847,848],{"class":515},"    contentToc",[174,850,519],{"class":183},[174,852,184],{"class":183},[174,854,855,858,860],{"class":176,"line":211},[174,856,857],{"class":515},"      defaultVariants",[174,859,519],{"class":183},[174,861,184],{"class":183},[174,863,864,867,869,871,873,875],{"class":176,"line":217},[174,865,866],{"class":515},"        highlightVariant",[174,868,519],{"class":183},[174,870,540],{"class":183},[174,872,814],{"class":543},[174,874,547],{"class":183},[174,876,550],{"class":183},[174,878,879,882,884,886,888],{"class":176,"line":222},[174,880,881],{"class":515},"        highlightColor",[174,883,519],{"class":183},[174,885,540],{"class":183},[174,887,410],{"class":543},[174,889,565],{"class":183},[174,891,892],{"class":176,"line":234},[174,893,674],{"class":183},[174,895,896],{"class":176,"line":245},[174,897,898],{"class":183},"    },\n",[174,900,901,904,906],{"class":176,"line":256},[174,902,903],{"class":515},"    contentNavigation",[174,905,519],{"class":183},[174,907,184],{"class":183},[174,909,910,912,914],{"class":176,"line":267},[174,911,857],{"class":515},[174,913,519],{"class":183},[174,915,184],{"class":183},[174,917,918,921,923,925,927,929],{"class":176,"line":278},[174,919,920],{"class":515},"        variant",[174,922,519],{"class":183},[174,924,540],{"class":183},[174,926,818],{"class":543},[174,928,547],{"class":183},[174,930,550],{"class":183},[174,932,933,936,938],{"class":176,"line":289},[174,934,935],{"class":515},"        highlight",[174,937,519],{"class":183},[174,939,941],{"class":940},"sfNiH"," false\n",[174,943,944],{"class":176,"line":300},[174,945,674],{"class":183},[174,947,948],{"class":176,"line":311},[174,949,570],{"class":183},[174,951,952],{"class":176,"line":322},[174,953,575],{"class":183},[174,955,956,958],{"class":176,"line":333},[174,957,580],{"class":183},[174,959,583],{"class":190},[134,961,962],{},"Each component supports the following variant options:",[386,964,965,981,996,1010,1024],{},[389,966,967,972,973,976,977,980],{},[363,968,969],{},[148,970,971],{},"highlight"," — Display an active indicator line (",[148,974,975],{},"true"," or ",[148,978,979],{},"false",")",[389,982,983,988,989,785,991,785,993,995],{},[363,984,985],{},[148,986,987],{},"highlightColor"," — Color of the indicator (",[148,990,394],{},[148,992,410],{},[148,994,467],{},", etc.)",[389,997,998,1003,1004,976,1006,1009],{},[363,999,1000],{},[148,1001,1002],{},"variant"," — Visual style (",[148,1005,818],{},[148,1007,1008],{},"link",", where applicable)",[389,1011,1012,1017,1018,976,1021,1023],{},[363,1013,1014],{},[148,1015,1016],{},"highlightVariant"," — Indicator style (",[148,1019,1020],{},"straight",[148,1022,814],{},", ContentToc only)",[389,1025,1026,1030],{},[363,1027,1028],{},[148,1029,380],{}," — Base color of the active link",[1032,1033,1034],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":170,"searchDepth":187,"depth":187,"links":1036},[1037,1039,1040,1041],{"id":145,"depth":187,"text":1038},"Override with @theme",{"id":373,"depth":187,"text":374},{"id":586,"depth":187,"text":94},{"id":709,"depth":187,"text":710},"Custom the appearance of your Docus documentation thanks to Nuxt UI flexible theming.","md",null,{},{"icon":61},{"title":58,"description":1042},"1nB6J3K2xwMzluMnsjIb8haavM2EX2tbX6wfg36SC5c",[1050,1052],{"title":53,"path":54,"stem":55,"description":1051,"icon":56,"children":-1},"Customize your Docus documentation from the Nuxt application configuration file. ",{"title":63,"path":64,"stem":65,"description":1053,"icon":66,"children":-1},"Learn how to override built-in components in Docus to customize your documentation.",1778157872117]