[{"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,476,487,585,588,602,611,614,690,700,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],"note",{},"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,452,464],"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,445,446,400,448],{},[392,443],{"label":444,"variant":395,"color":444},"warning"," → Used for warning states ",[398,447],{},[174,449,451],{"className":450},[404],"(default: yellow)",[389,453,454,457,458,400,460],{},[392,455],{"label":456,"variant":395,"color":456},"error"," → Used for form error validation states ",[398,459],{},[174,461,463],{"className":462},[404],"(default: red)",[389,465,466,469,470,400,472],{},[392,467],{"label":468,"variant":395,"color":468},"neutral"," → Neutral color for backgrounds, text, etc. ",[398,471],{},[174,473,475],{"className":474},[404],"(default: slate)",[134,477,478,479,482,483,486],{},"You can customize these colors globally by updating the ",[148,480,481],{},"app.config.ts"," file under the ",[148,484,485],{},"ui.colors"," key:",[165,488,492],{"className":489,"code":490,"filename":481,"language":491,"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,493,494,512,523,532,552,567,572,577],{"__ignoreMap":170},[174,495,496,499,502,506,509],{"class":176,"line":177},[174,497,498],{"class":180},"export",[174,500,501],{"class":180}," default",[174,503,505],{"class":504},"s2Zo4"," defineAppConfig",[174,507,508],{"class":190},"(",[174,510,511],{"class":183},"{\n",[174,513,514,518,521],{"class":176,"line":187},[174,515,517],{"class":516},"swJcz","  ui",[174,519,520],{"class":183},":",[174,522,184],{"class":183},[174,524,525,528,530],{"class":176,"line":204},[174,526,527],{"class":516},"    colors",[174,529,520],{"class":183},[174,531,184],{"class":183},[174,533,534,537,539,542,546,549],{"class":176,"line":211},[174,535,536],{"class":516},"      primary",[174,538,520],{"class":183},[174,540,541],{"class":183}," '",[174,543,545],{"class":544},"sfazB","blue",[174,547,548],{"class":183},"'",[174,550,551],{"class":183},",\n",[174,553,554,557,559,561,564],{"class":176,"line":217},[174,555,556],{"class":516},"      neutral",[174,558,520],{"class":183},[174,560,541],{"class":183},[174,562,563],{"class":544},"zinc",[174,565,566],{"class":183},"'\n",[174,568,569],{"class":176,"line":222},[174,570,571],{"class":183},"    }\n",[174,573,574],{"class":176,"line":234},[174,575,576],{"class":183},"  }\n",[174,578,579,582],{"class":176,"line":245},[174,580,581],{"class":183},"}",[174,583,584],{"class":190},")\n",[143,586,94],{"id":587},"components",[134,589,590,591,598,599,601],{},"Beyond colors, all ",[592,593,597],"a",{"href":594,"rel":595},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents",[596],"nofollow","Nuxt UI components"," can be themed globally via ",[148,600,481],{},".",[134,603,604,605,610],{},"You can override any component’s appearance by using the same structure as the component’s internal theme object (displayed at ",[592,606,609],{"href":607,"rel":608},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents\u002Fcard#theme",[596],"the end of each component page",").",[134,612,613],{},"For example, to change the font weight of all buttons:",[165,615,617],{"className":489,"code":616,"filename":481,"language":491,"meta":170,"style":170},"export default defineAppConfig({\n  ui: {\n    button: {\n      slots: {\n        base: 'font-bold'\n      }\n    }\n  }\n})\n",[148,618,619,631,639,648,657,671,676,680,684],{"__ignoreMap":170},[174,620,621,623,625,627,629],{"class":176,"line":177},[174,622,498],{"class":180},[174,624,501],{"class":180},[174,626,505],{"class":504},[174,628,508],{"class":190},[174,630,511],{"class":183},[174,632,633,635,637],{"class":176,"line":187},[174,634,517],{"class":516},[174,636,520],{"class":183},[174,638,184],{"class":183},[174,640,641,644,646],{"class":176,"line":204},[174,642,643],{"class":516},"    button",[174,645,520],{"class":183},[174,647,184],{"class":183},[174,649,650,653,655],{"class":176,"line":211},[174,651,652],{"class":516},"      slots",[174,654,520],{"class":183},[174,656,184],{"class":183},[174,658,659,662,664,666,669],{"class":176,"line":217},[174,660,661],{"class":516},"        base",[174,663,520],{"class":183},[174,665,541],{"class":183},[174,667,668],{"class":544},"font-bold",[174,670,566],{"class":183},[174,672,673],{"class":176,"line":222},[174,674,675],{"class":183},"      }\n",[174,677,678],{"class":176,"line":234},[174,679,571],{"class":183},[174,681,682],{"class":176,"line":245},[174,683,576],{"class":183},[174,685,686,688],{"class":176,"line":256},[174,687,581],{"class":183},[174,689,584],{"class":190},[134,691,692,693,695,696,699],{},"In this example, the ",[148,694,668],{}," class will override the default ",[148,697,698],{},"font-medium"," class on all buttons.",[349,701,703,704,706],{"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,481],{}," 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",{},[592,752,755],{"href":753,"rel":754},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents\u002Fcontent-toc",[596],"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],{},[592,771,774],{"href":772,"rel":773},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents\u002Fcontent-navigation",[596],"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],{},[592,793,796],{"href":794,"rel":795},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents\u002Fnavigation-menu",[596],"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,520],{},"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":489,"code":821,"filename":481,"language":491,"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,498],{"class":180},[174,829,501],{"class":180},[174,831,505],{"class":504},[174,833,508],{"class":190},[174,835,511],{"class":183},[174,837,838,840,842],{"class":176,"line":187},[174,839,517],{"class":516},[174,841,520],{"class":183},[174,843,184],{"class":183},[174,845,846,849,851],{"class":176,"line":204},[174,847,848],{"class":516},"    contentToc",[174,850,520],{"class":183},[174,852,184],{"class":183},[174,854,855,858,860],{"class":176,"line":211},[174,856,857],{"class":516},"      defaultVariants",[174,859,520],{"class":183},[174,861,184],{"class":183},[174,863,864,867,869,871,873,875],{"class":176,"line":217},[174,865,866],{"class":516},"        highlightVariant",[174,868,520],{"class":183},[174,870,541],{"class":183},[174,872,814],{"class":544},[174,874,548],{"class":183},[174,876,551],{"class":183},[174,878,879,882,884,886,888],{"class":176,"line":222},[174,880,881],{"class":516},"        highlightColor",[174,883,520],{"class":183},[174,885,541],{"class":183},[174,887,410],{"class":544},[174,889,566],{"class":183},[174,891,892],{"class":176,"line":234},[174,893,675],{"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":516},"    contentNavigation",[174,905,520],{"class":183},[174,907,184],{"class":183},[174,909,910,912,914],{"class":176,"line":267},[174,911,857],{"class":516},[174,913,520],{"class":183},[174,915,184],{"class":183},[174,917,918,921,923,925,927,929],{"class":176,"line":278},[174,919,920],{"class":516},"        variant",[174,922,520],{"class":183},[174,924,541],{"class":183},[174,926,818],{"class":544},[174,928,548],{"class":183},[174,930,551],{"class":183},[174,932,933,936,938],{"class":176,"line":289},[174,934,935],{"class":516},"        highlight",[174,937,520],{"class":183},[174,939,941],{"class":940},"sfNiH"," false\n",[174,943,944],{"class":176,"line":300},[174,945,675],{"class":183},[174,947,948],{"class":176,"line":311},[174,949,571],{"class":183},[174,951,952],{"class":176,"line":322},[174,953,576],{"class":183},[174,955,956,958],{"class":176,"line":333},[174,957,581],{"class":183},[174,959,584],{"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,468],{},", 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":587,"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},"4Hx3-hvK6imSSph_i_MApcj1esvymUtwUKSW5rJ-nCQ",[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.",1778151060349]