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