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