[{"data":1,"prerenderedAt":752},["ShallowReactive",2],{"header-navigation":3,"docs-page-toc-data-\u002Fgetting-started\u002Fthemes":191,"layout-sidebar-docs-sections":500,"page-\u002Fgetting-started\u002Fthemes":552},[4,27,149,165],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","\u002Fgetting-started","01.getting-started\u002F01.index",[9,11,15,19,23],{"title":10,"path":6,"stem":7},"Introduction",{"title":12,"path":13,"stem":14},"Markdown","\u002Fgetting-started\u002Fmarkdown","01.getting-started\u002F02.markdown",{"title":16,"path":17,"stem":18},"Shared props","\u002Fgetting-started\u002Fshared-props","01.getting-started\u002F03.shared-props",{"title":20,"path":21,"stem":22},"Themes","\u002Fgetting-started\u002Fthemes","01.getting-started\u002F04.themes",{"title":24,"path":25,"stem":26},"Customization","\u002Fgetting-started\u002Fcustomization","01.getting-started\u002F05.customization",{"title":28,"path":29,"stem":30,"children":31,"page":148},"Components","\u002Fcomponents","02.components",[32,36,40,44,48,52,56,60,64,68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144],{"title":33,"path":34,"stem":35},"Accordion","\u002Fcomponents\u002Faccordion","02.components\u002Faccordion",{"title":37,"path":38,"stem":39},"Alert","\u002Fcomponents\u002Falert","02.components\u002Falert",{"title":41,"path":42,"stem":43},"Anchor Link","\u002Fcomponents\u002Fanchor-link","02.components\u002Fanchor-link",{"title":45,"path":46,"stem":47},"Apis List","\u002Fcomponents\u002Fapis-list","02.components\u002Fapis-list",{"title":49,"path":50,"stem":51},"Badge","\u002Fcomponents\u002Fbadge","02.components\u002Fbadge",{"title":53,"path":54,"stem":55},"Button","\u002Fcomponents\u002Fbutton","02.components\u002Fbutton",{"title":57,"path":58,"stem":59},"Card","\u002Fcomponents\u002Fcard","02.components\u002Fcard",{"title":61,"path":62,"stem":63},"Collapse","\u002Fcomponents\u002Fcollapse","02.components\u002Fcollapse",{"title":65,"path":66,"stem":67},"Container","\u002Fcomponents\u002Fcontainer","02.components\u002Fcontainer",{"title":69,"path":70,"stem":71},"Display Wrapper","\u002Fcomponents\u002Fdisplay-wrapper","02.components\u002Fdisplay-wrapper",{"title":73,"path":74,"stem":75},"Empty State","\u002Fcomponents\u002Fempty-state","02.components\u002Fempty-state",{"title":77,"path":78,"stem":79},"Form Login","\u002Fcomponents\u002Fform-login","02.components\u002Fform-login",{"title":81,"path":82,"stem":83},"Form Register","\u002Fcomponents\u002Fform-register","02.components\u002Fform-register",{"title":85,"path":86,"stem":87},"Grid Item","\u002Fcomponents\u002Fgrid-item","02.components\u002Fgrid-item",{"title":89,"path":90,"stem":91},"Iframe","\u002Fcomponents\u002Fiframe","02.components\u002Fiframe",{"title":93,"path":94,"stem":95},"Image","\u002Fcomponents\u002Fimage","02.components\u002Fimage",{"title":97,"path":98,"stem":99},"Link Group","\u002Fcomponents\u002Flink-group","02.components\u002Flink-group",{"title":101,"path":102,"stem":103},"MultiColumn","\u002Fcomponents\u002Fmulti-column","02.components\u002Fmulti-column",{"title":105,"path":106,"stem":107},"Page Header","\u002Fcomponents\u002Fpage-header","02.components\u002Fpage-header",{"title":109,"path":110,"stem":111},"Page Hero","\u002Fcomponents\u002Fpage-hero","02.components\u002Fpage-hero",{"title":113,"path":114,"stem":115},"Page Navigation","\u002Fcomponents\u002Fpage-navigation","02.components\u002Fpage-navigation",{"title":117,"path":118,"stem":119},"Page Section","\u002Fcomponents\u002Fpage-section","02.components\u002Fpage-section",{"title":121,"path":122,"stem":123},"Page TOC","\u002Fcomponents\u002Fpage-toc","02.components\u002Fpage-toc",{"title":125,"path":126,"stem":127},"Snippet","\u002Fcomponents\u002Fsnippet","02.components\u002Fsnippet",{"title":129,"path":130,"stem":131},"Steps","\u002Fcomponents\u002Fsteps","02.components\u002Fsteps",{"title":133,"path":134,"stem":135},"SVG","\u002Fcomponents\u002Fsvg","02.components\u002Fsvg",{"title":137,"path":138,"stem":139},"Tabs","\u002Fcomponents\u002Ftabs","02.components\u002Ftabs",{"title":141,"path":142,"stem":143},"Tooltip","\u002Fcomponents\u002Ftooltip","02.components\u002Ftooltip",{"title":145,"path":146,"stem":147},"Video","\u002Fcomponents\u002Fvideo","02.components\u002Fvideo",false,{"title":150,"path":151,"stem":152,"children":153,"page":148},"Pages","\u002Fpages","03.pages",[154,157,161],{"title":150,"path":155,"stem":156},"\u002Fpages\u002Foverview","03.pages\u002F00.overview",{"title":158,"path":159,"stem":160},"Layouts","\u002Fpages\u002Flayouts","03.pages\u002F01.layouts",{"title":162,"path":163,"stem":164},"Layout Options","\u002Fpages\u002Flayout-options","03.pages\u002Flayout-options",{"title":166,"path":167,"stem":168,"children":169},"Section Examples","\u002Fsections","04.sections\u002F01.index",[170,171,175,179,183,187],{"title":166,"path":167,"stem":168},{"title":172,"path":173,"stem":174},"Hero Sections","\u002Fsections\u002Fhero","04.sections\u002F02.hero",{"title":176,"path":177,"stem":178},"Feature Sections","\u002Fsections\u002Ffeature-highlights","04.sections\u002F03.feature-highlights",{"title":180,"path":181,"stem":182},"FAQ sections","\u002Fsections\u002Ffaq","04.sections\u002F04.faq",{"title":184,"path":185,"stem":186},"Blog Sections","\u002Fsections\u002Fblogs","04.sections\u002F05.blogs",{"title":188,"path":189,"stem":190},"Grid Sections","\u002Fsections\u002Fgrid-sections","04.sections\u002F06.grid-sections",{"id":192,"title":20,"body":193,"data":487,"description":488,"extension":489,"meta":490,"navigation":491,"ogImage":487,"path":21,"robots":487,"schemaOrg":487,"seo":492,"sitemap":493,"stem":22,"__hash__":499},"content\u002F01.getting-started\u002F04.themes.md",{"type":194,"value":195,"toc":482},"minimark",[196,221,226,229,243,247,250,380,384,395,401,465,478],[197,198,199,206,214],"docs-page-header",{},[200,201,203],"template",{"v-slot:tagline":202},"",[204,205,5],"p",{},[200,207,208],{"v-slot:title":202},[204,209,210],{},[211,212],"binding",{"value":213},"$doc.title",[200,215,216],{"v-slot:description":202},[204,217,218],{},[211,219],{"value":220},"$doc.description",[222,223,225],"h2",{"id":224},"overview","Overview",[204,227,228],{},"A theme customizes the layout of your Dev Portal: how wide the pages are, where the main menu sits in the header, and whether the content sits in an open page, a rounded frame, or separate cards. You pick one theme for the whole portal, and it applies to every page at once, including the built-in pages such as API documents and the applications list. Your pages, navigation, and content stay as they are.",[204,230,231,232,236,237,242],{},"Konnect Dev Portal ships multiple themes, and more are coming. Colors are set separately through ",[233,234,235],"code",{},"theme.colors",", and every theme accepts them, so you can change the layout without touching your palette. See ",[238,239,241],"a",{"href":240},"\u002Fgetting-started\u002Fcustomization#primary-color","Primary color",".",[222,244,246],{"id":245},"available-themes","Available themes",[204,248,249],{},"Each theme has a live preview portal where you can browse a full Dev Portal built with that theme.",[251,252,255,293,322,351],"multi-column",{":columns-breakpoints":253,"styles":254},"{\"mobile\":1,\"tablet\":2,\"laptop\":2,\"desktop\":4}",".portal-card {\n  height: 100%;\n  transition: box-shadow 0.25s ease, transform 0.25s ease;\n}\n\n.portal-card:hover {\n  box-shadow: var(--kui-shadow, 0px 4px 20px 0px rgba(0, 0, 0, 0.08));\n  transform: translateY(-2px);\n}\n",[256,257,260,276,281,284],"card",{"href":258,"target":259},"https:\u002F\u002Fmesa.kongportals.com","_blank",[200,261,262],{"v-slot:image":202},[263,264,269],"container",{"background-color":265,"padding":266,"styles":267,"text-align":268},"#CB532440","44px 24px","img {\n  display: inline-block;\n  height: 46px;\n  width: auto;\n}\n","center",[204,270,271],{},[272,273],"img",{"alt":274,"src":275},"mesa theme logo","\u002Fimages\u002Fthemes\u002Fmesa-logo.svg",[200,277,278],{"v-slot:title":202},[204,279,280],{},"Mesa",[204,282,283],{},"A focused, modern theme that centers content at a comfortable reading width.",[200,285,286],{"v-slot:footer":202},[204,287,288],{},[289,290,292],"span",{"style":291},"color:#CB5324;","See preview →",[256,294,296,307,312,315],{"href":295,"target":259},"https:\u002F\u002Fgrove.kongportals.com",[200,297,298],{"v-slot:image":202},[263,299,301],{"background-color":300,"padding":266,"styles":267,"text-align":268},"#208A5140",[204,302,303],{},[272,304],{"alt":305,"src":306},"grove theme logo","\u002Fimages\u002Fthemes\u002Fgrove-logo.svg",[200,308,309],{"v-slot:title":202},[204,310,311],{},"Grove",[204,313,314],{},"A soft, structured look where the header and sidebar rest on a tinted backdrop and your content sits in a rounded frame.",[200,316,317],{"v-slot:footer":202},[204,318,319],{},[289,320,292],{"style":321},"color:#208A51;",[256,323,325,336,341,344],{"href":324,"target":259},"https:\u002F\u002Fpebble.kongportals.com",[200,326,327],{"v-slot:image":202},[263,328,330],{"background-color":329,"padding":266,"styles":267,"text-align":268},"#08868F40",[204,331,332],{},[272,333],{"alt":334,"src":335},"pebble theme logo","\u002Fimages\u002Fthemes\u002Fpebble-logo.svg",[200,337,338],{"v-slot:title":202},[204,339,340],{},"Pebble",[204,342,343],{},"A smooth, layered look where your navigation, content, and table of contents sit as separate rounded cards on a soft backdrop, with a floating rounded header above.",[200,345,346],{"v-slot:footer":202},[204,347,348],{},[289,349,292],{"style":350},"color:#08868F;",[256,352,354,365,370,373],{"href":353,"target":259},"https:\u002F\u002Focean.kongportals.com",[200,355,356],{"v-slot:image":202},[263,357,359],{"background-color":358,"padding":266,"styles":267,"text-align":268},"#1977E340",[204,360,361],{},[272,362],{"alt":363,"src":364},"ocean theme logo","\u002Fimages\u002Fthemes\u002Focean-logo.svg",[200,366,367],{"v-slot:title":202},[204,368,369],{},"Ocean",[204,371,372],{},"A spacious theme where content spans the full width of the page, with a centered header menu and clean borders between sections.",[200,374,375],{"v-slot:footer":202},[204,376,377],{},[289,378,292],{"style":379},"color:#1977E3;",[222,381,383],{"id":382},"setting-the-active-theme","Setting the active theme",[204,385,386,387,390,391,394],{},"Set the ",[233,388,389],{},"theme.name"," property in the Portal's Appearance customization settings, or via the ",[233,392,393],{},"\u002Fv3\u002Fportals\u002F{portalId}\u002Fcustomization"," endpoint.",[204,396,397,398],{},"One of: ",[233,399,400],{},"'mesa' | 'grove' | 'pebble' | 'ocean'",[402,403,407],"pre",{"className":404,"code":405,"language":406,"meta":202,"style":202},"language-json shiki shiki-themes catppuccin-latte catppuccin-latte catppuccin-mocha","{\n  \"theme\": {\n    \"name\": \"mesa\"\n  }\n}\n","json",[233,408,409,417,436,453,459],{"__ignoreMap":202},[289,410,413],{"class":411,"line":412},"line",1,[289,414,416],{"class":415},"svaIc","{\n",[289,418,420,423,427,430,433],{"class":411,"line":419},2,[289,421,422],{"class":415},"  \"",[289,424,426],{"class":425},"sk75c","theme",[289,428,429],{"class":415},"\"",[289,431,432],{"class":415},":",[289,434,435],{"class":415}," {\n",[289,437,439,442,445,447,449],{"class":411,"line":438},3,[289,440,441],{"class":415},"    \"",[289,443,444],{"class":425},"name",[289,446,429],{"class":415},[289,448,432],{"class":415},[289,450,452],{"class":451},"skHKJ"," \"mesa\"\n",[289,454,456],{"class":411,"line":455},4,[289,457,458],{"class":415},"  }\n",[289,460,462],{"class":411,"line":461},5,[289,463,464],{"class":415},"}\n",[204,466,467,468,470,471,474,475,477],{},"When ",[233,469,389],{}," is missing, or names a theme the portal cannot render, the portal renders ",[233,472,473],{},"ocean",", so a portal that has never set ",[233,476,389],{}," keeps the default look.",[479,480,481],"style",{},"html pre.shiki code .svaIc, html code.shiki .svaIc{--shiki-default:#7C7F93;--shiki-light:#7C7F93;--shiki-dark:#9399B2}html pre.shiki code .sk75c, html code.shiki .sk75c{--shiki-default:#1E66F5;--shiki-light:#1E66F5;--shiki-dark:#89B4FA}html pre.shiki code .skHKJ, html code.shiki .skHKJ{--shiki-default:#40A02B;--shiki-light:#40A02B;--shiki-dark:#A6E3A1}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 .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 .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);}",{"title":202,"searchDepth":461,"depth":461,"links":483},[484,485,486],{"id":224,"depth":419,"text":225},{"id":245,"depth":419,"text":246},{"id":382,"depth":419,"text":383},null,"Choose a theme to set the structure of your Dev Portal: the page width, the header menu position, and the page style. A theme applies to every page at once.","md",{},true,{"title":20,"description":488},{"loc":21,"images":494},[495,496,497,498],{"loc":275},{"loc":306},{"loc":335},{"loc":364},"fEAhB_Wh1e4-kB4rgvEUTvbXPZoa_d6HjXkthf5kx5s",[501,508,539,544],{"title":5,"path":6,"stem":7,"children":502},[503,504,505,506,507],{"title":10,"path":6,"stem":7},{"title":12,"path":13,"stem":14},{"title":16,"path":17,"stem":18},{"title":20,"path":21,"stem":22},{"title":24,"path":25,"stem":26},{"title":28,"path":29,"stem":30,"children":509,"page":148},[510,511,512,513,514,515,516,517,518,519,520,521,522,523,524,525,526,527,528,529,530,531,532,533,534,535,536,537,538],{"title":33,"path":34,"stem":35},{"title":37,"path":38,"stem":39},{"title":41,"path":42,"stem":43},{"title":45,"path":46,"stem":47},{"title":49,"path":50,"stem":51},{"title":53,"path":54,"stem":55},{"title":57,"path":58,"stem":59},{"title":61,"path":62,"stem":63},{"title":65,"path":66,"stem":67},{"title":69,"path":70,"stem":71},{"title":73,"path":74,"stem":75},{"title":77,"path":78,"stem":79},{"title":81,"path":82,"stem":83},{"title":85,"path":86,"stem":87},{"title":89,"path":90,"stem":91},{"title":93,"path":94,"stem":95},{"title":97,"path":98,"stem":99},{"title":101,"path":102,"stem":103},{"title":105,"path":106,"stem":107},{"title":109,"path":110,"stem":111},{"title":113,"path":114,"stem":115},{"title":117,"path":118,"stem":119},{"title":121,"path":122,"stem":123},{"title":125,"path":126,"stem":127},{"title":129,"path":130,"stem":131},{"title":133,"path":134,"stem":135},{"title":137,"path":138,"stem":139},{"title":141,"path":142,"stem":143},{"title":145,"path":146,"stem":147},{"title":150,"path":151,"stem":152,"children":540,"page":148},[541,542,543],{"title":150,"path":155,"stem":156},{"title":158,"path":159,"stem":160},{"title":162,"path":163,"stem":164},{"title":166,"path":167,"stem":168,"children":545},[546,547,548,549,550,551],{"title":166,"path":167,"stem":168},{"title":172,"path":173,"stem":174},{"title":176,"path":177,"stem":178},{"title":180,"path":181,"stem":182},{"title":184,"path":185,"stem":186},{"title":188,"path":189,"stem":190},{"id":192,"title":20,"body":553,"data":487,"description":488,"extension":489,"meta":744,"navigation":491,"ogImage":487,"path":21,"robots":487,"schemaOrg":487,"seo":745,"sitemap":746,"stem":22,"__hash__":499},{"type":194,"value":554,"toc":739},[555,573,575,577,583,585,587,677,679,685,689,729,737],[197,556,557,561,567],{},[200,558,559],{"v-slot:tagline":202},[204,560,5],{},[200,562,563],{"v-slot:title":202},[204,564,565],{},[211,566],{"value":213},[200,568,569],{"v-slot:description":202},[204,570,571],{},[211,572],{"value":220},[222,574,225],{"id":224},[204,576,228],{},[204,578,231,579,236,581,242],{},[233,580,235],{},[238,582,241],{"href":240},[222,584,246],{"id":245},[204,586,249],{},[251,588,589,611,633,655],{":columns-breakpoints":253,"styles":254},[256,590,591,599,603,605],{"href":258,"target":259},[200,592,593],{"v-slot:image":202},[263,594,595],{"background-color":265,"padding":266,"styles":267,"text-align":268},[204,596,597],{},[272,598],{"alt":274,"src":275},[200,600,601],{"v-slot:title":202},[204,602,280],{},[204,604,283],{},[200,606,607],{"v-slot:footer":202},[204,608,609],{},[289,610,292],{"style":291},[256,612,613,621,625,627],{"href":295,"target":259},[200,614,615],{"v-slot:image":202},[263,616,617],{"background-color":300,"padding":266,"styles":267,"text-align":268},[204,618,619],{},[272,620],{"alt":305,"src":306},[200,622,623],{"v-slot:title":202},[204,624,311],{},[204,626,314],{},[200,628,629],{"v-slot:footer":202},[204,630,631],{},[289,632,292],{"style":321},[256,634,635,643,647,649],{"href":324,"target":259},[200,636,637],{"v-slot:image":202},[263,638,639],{"background-color":329,"padding":266,"styles":267,"text-align":268},[204,640,641],{},[272,642],{"alt":334,"src":335},[200,644,645],{"v-slot:title":202},[204,646,340],{},[204,648,343],{},[200,650,651],{"v-slot:footer":202},[204,652,653],{},[289,654,292],{"style":350},[256,656,657,665,669,671],{"href":353,"target":259},[200,658,659],{"v-slot:image":202},[263,660,661],{"background-color":358,"padding":266,"styles":267,"text-align":268},[204,662,663],{},[272,664],{"alt":363,"src":364},[200,666,667],{"v-slot:title":202},[204,668,369],{},[204,670,372],{},[200,672,673],{"v-slot:footer":202},[204,674,675],{},[289,676,292],{"style":379},[222,678,383],{"id":382},[204,680,386,681,390,683,394],{},[233,682,389],{},[233,684,393],{},[204,686,397,687],{},[233,688,400],{},[402,690,691],{"className":404,"code":405,"language":406,"meta":202,"style":202},[233,692,693,697,709,721,725],{"__ignoreMap":202},[289,694,695],{"class":411,"line":412},[289,696,416],{"class":415},[289,698,699,701,703,705,707],{"class":411,"line":419},[289,700,422],{"class":415},[289,702,426],{"class":425},[289,704,429],{"class":415},[289,706,432],{"class":415},[289,708,435],{"class":415},[289,710,711,713,715,717,719],{"class":411,"line":438},[289,712,441],{"class":415},[289,714,444],{"class":425},[289,716,429],{"class":415},[289,718,432],{"class":415},[289,720,452],{"class":451},[289,722,723],{"class":411,"line":455},[289,724,458],{"class":415},[289,726,727],{"class":411,"line":461},[289,728,464],{"class":415},[204,730,467,731,470,733,474,735,477],{},[233,732,389],{},[233,734,473],{},[233,736,389],{},[479,738,481],{},{"title":202,"searchDepth":461,"depth":461,"links":740},[741,742,743],{"id":224,"depth":419,"text":225},{"id":245,"depth":419,"text":246},{"id":382,"depth":419,"text":383},{},{"title":20,"description":488},{"loc":21,"images":747},[748,749,750,751],{"loc":275},{"loc":306},{"loc":335},{"loc":364},1794591617546]