[{"data":1,"prerenderedAt":566},["ShallowReactive",2],{"navigation_docs":3,"-hugo-customization":186,"-hugo-customization-surround":561},[4,96,136,155],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":95},"WordPress","i-lucide-folder-git","\u002Fwordpress","01.wordpress",[10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85,90],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fwordpress\u002Fintroduction","01.wordpress\u002F01.introduction","i-lucide-rocket",{"title":16,"path":17,"stem":18,"icon":19},"Server Requirements","\u002Fwordpress\u002Fserver-requirements","01.wordpress\u002F02.server-requirements","i-lucide-server",{"title":21,"path":22,"stem":23,"icon":24},"Theme Installation","\u002Fwordpress\u002Ftheme-installation","01.wordpress\u002F03.theme-installation","i-lucide-paintbrush",{"title":26,"path":27,"stem":28,"icon":29},"Child Theme","\u002Fwordpress\u002Fchild-theme","01.wordpress\u002F04.child-theme","i-lucide-layers",{"title":31,"path":32,"stem":33,"icon":34},"Plugin Installation","\u002Fwordpress\u002Fplugin-installation","01.wordpress\u002F05.plugin-installation","i-lucide-puzzle",{"title":36,"path":37,"stem":38,"icon":39},"Demo Import","\u002Fwordpress\u002Fdemo-import","01.wordpress\u002F06.demo-import","i-lucide-download",{"title":41,"path":42,"stem":43,"icon":44},"Theme Options","\u002Fwordpress\u002Ftheme-options","01.wordpress\u002F07.theme-options","i-lucide-settings",{"title":46,"path":47,"stem":48,"icon":49},"Header Logo","\u002Fwordpress\u002Fheader-logo","01.wordpress\u002F08.header-logo","i-lucide-image",{"title":51,"path":52,"stem":53,"icon":54},"Header & Footer Builder","\u002Fwordpress\u002Fheader-footer-builder","01.wordpress\u002F09.header-footer-builder","i-lucide-layout-template",{"title":56,"path":57,"stem":58,"icon":59},"GSAP Animation","\u002Fwordpress\u002Fgsap-animation","01.wordpress\u002F10.gsap-animation","i-lucide-waves",{"title":61,"path":62,"stem":63,"icon":64},"MailChimp Integration","\u002Fwordpress\u002Fmailchimp-integration","01.wordpress\u002F11.mailchimp-integration","i-simple-icons-mailchimp",{"title":66,"path":67,"stem":68,"icon":69},"Mega Menu","\u002Fwordpress\u002Fmega-menu","01.wordpress\u002F12.mega-menu","i-lucide-menu",{"title":71,"path":72,"stem":73,"icon":74},"Contact Form","\u002Fwordpress\u002Fcontact-form","01.wordpress\u002F13.contact-form","i-lucide-mail",{"title":76,"path":77,"stem":78,"icon":79},"Template Library","\u002Fwordpress\u002Ftemplate-library","01.wordpress\u002F14.template-library","i-lucide-layout-grid",{"title":81,"path":82,"stem":83,"icon":84},"Theme Update","\u002Fwordpress\u002Ftheme-update","01.wordpress\u002F15.theme-update","i-lucide-refresh-cw",{"title":86,"path":87,"stem":88,"icon":89},"Speed Optimization","\u002Fwordpress\u002Fspeed-optimization","01.wordpress\u002F16.speed-optimization","i-lucide-gauge",{"title":91,"path":92,"stem":93,"icon":94},"URL Cleanup","\u002Fwordpress\u002Furl-cleanup","01.wordpress\u002F17.url-cleanup","i-lucide-brush-cleaning",false,{"title":97,"icon":6,"path":98,"stem":99,"children":100,"page":95},"HTML","\u002Fhtml","02.html",[101,106,112,118,124,130],{"title":102,"path":103,"stem":104,"icon":14,"order":105},"Get Started","\u002Fhtml\u002Fgetting-started","02.html\u002F01.getting-started",1,{"title":107,"path":108,"stem":109,"icon":110,"order":111},"Folder Structure","\u002Fhtml\u002Ffolder-structure","02.html\u002F02.folder-structure","i-lucide-folder-tree",2,{"title":113,"path":114,"stem":115,"icon":116,"order":117},"Customization","\u002Fhtml\u002Fcustomization","02.html\u002F03.customization","i-lucide-sliders",3,{"title":119,"path":120,"stem":121,"icon":122,"order":123},"Update Icons","\u002Fhtml\u002Fupdate-icons","02.html\u002F04.update-icons","i-lucide-shapes",4,{"title":125,"path":126,"stem":127,"icon":128,"order":129},"Credit","\u002Fhtml\u002Fcredit","02.html\u002F05.credit","i-lucide-award",5,{"title":131,"path":132,"stem":133,"icon":134,"order":135},"Deployment","\u002Fhtml\u002Fdeployment","02.html\u002F06.deployment","i-lucide-upload-cloud",6,{"title":137,"icon":6,"path":138,"stem":139,"children":140,"page":95},"Next.js","\u002Fnextjs","03.nextjs",[141,144,147,152],{"title":102,"path":142,"stem":143,"icon":14,"order":105},"\u002Fnextjs\u002Fget-started","03.nextjs\u002F01.get-started",{"title":113,"path":145,"stem":146,"icon":116,"order":111},"\u002Fnextjs\u002Fcustomization","03.nextjs\u002F02.customization",{"title":148,"path":149,"stem":150,"icon":151,"order":117},"Create New Page","\u002Fnextjs\u002Fcreate-new-page","03.nextjs\u002F03.create-new-page","i-lucide-file-plus",{"title":131,"path":153,"stem":154,"icon":134,"order":123},"\u002Fnextjs\u002Fdeployment","03.nextjs\u002F04.deployment",{"title":156,"icon":6,"path":157,"stem":158,"children":159,"page":95},"Hugo","\u002Fhugo","04.hugo",[160,163,166,169,173,178,182],{"title":102,"path":161,"stem":162,"icon":14,"order":105},"\u002Fhugo\u002Fget-started","04.hugo\u002F01.get-started",{"title":113,"path":164,"stem":165,"icon":116,"order":111},"\u002Fhugo\u002Fcustomization","04.hugo\u002F02.customization",{"title":148,"path":167,"stem":168,"icon":151,"order":117},"\u002Fhugo\u002Fcreate-new-page","04.hugo\u002F03.create-new-page",{"title":170,"path":171,"stem":172,"icon":54,"order":123},"Edit Pages","\u002Fhugo\u002Fedit-pages","04.hugo\u002F04.edit-pages",{"title":174,"path":175,"stem":176,"icon":177,"order":129},"Edit Contents","\u002Fhugo\u002Fedit-contents","04.hugo\u002F05.edit-contents","i-lucide-edit",{"title":179,"path":180,"stem":181,"icon":44,"order":135},"Site Configuration","\u002Fhugo\u002Fsite-configuration","04.hugo\u002F06.site-configuration",{"title":131,"path":183,"stem":184,"icon":134,"order":185},"\u002Fhugo\u002Fdeployment","04.hugo\u002F07.deployment",7,{"id":187,"title":113,"body":188,"description":552,"extension":553,"links":554,"meta":555,"navigation":556,"path":164,"seo":557,"stem":165,"__hash__":560},"docs\u002F04.hugo\u002F02.customization.md",{"type":189,"value":190,"toc":548},"minimark",[191,195,200,208,236,239,373,376,410,414,424,544],[192,193,194],"p",{},"This guide explains how you can change the look and feel of your project, like its colors and fonts.",[196,197,199],"h2",{"id":198},"customizing-colors","Customizing colors",[192,201,202,203,207],{},"You can change the main colors used throughout the project from ",[204,205,206],"code",{},"src\u002Fstyles\u002Fvariables.css",".",[209,210,211,218,225],"ol",{},[212,213,214,215],"li",{},"Open ",[204,216,217],{},"variables.css",[212,219,220,221,224],{},"Find the ",[204,222,223],{},"\u002F* ==== COLORS ==== *\u002F"," section",[212,226,227,228,231,232,235],{},"Update the ",[204,229,230],{},"--color-*"," variables (for example ",[204,233,234],{},"--color-primary-500",")",[192,237,238],{},"Example:",[240,241,246],"pre",{"className":242,"code":243,"language":244,"meta":245,"style":245},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F* Example color variables in variables.css *\u002F\n@theme {\n  \u002F* =============== COLORS =============== *\u002F\n  --color-primary-500: #864ffe; \u002F* \u003C-- Main primary color *\u002F\n  --color-primary-600: #7c31f6; \u002F* \u003C-- Darker primary shade *\u002F\n  --color-primary-400: #a585ff; \u002F* \u003C-- Lighter primary shade *\u002F\n  --color-secondary: #1a1a1c; \u002F* \u003C-- Secondary color *\u002F\n  --color-accent: #fcfcfc; \u002F* \u003C-- Accent color *\u002F\n  --color-background-1: #fcfcfd; \u002F* \u003C-- Main background *\u002F\n  --color-background-2: #f9fafb; \u002F* \u003C-- Secondary background *\u002F\n}\n","css","",[204,247,248,256,266,271,286,299,312,325,339,353,367],{"__ignoreMap":245},[249,250,252],"span",{"class":251,"line":105},"line",[249,253,255],{"class":254},"sHwdD","\u002F* Example color variables in variables.css *\u002F\n",[249,257,258,262],{"class":251,"line":111},[249,259,261],{"class":260},"s7zQu","@theme",[249,263,265],{"class":264},"sMK4o"," {\n",[249,267,268],{"class":251,"line":117},[249,269,270],{"class":254},"  \u002F* =============== COLORS =============== *\u002F\n",[249,272,273,277,280,283],{"class":251,"line":123},[249,274,276],{"class":275},"sTEyZ","  --color-primary-500: ",[249,278,279],{"class":264},"#",[249,281,282],{"class":275},"864ffe; ",[249,284,285],{"class":254},"\u002F* \u003C-- Main primary color *\u002F\n",[249,287,288,291,293,296],{"class":251,"line":129},[249,289,290],{"class":275},"  --color-primary-600: ",[249,292,279],{"class":264},[249,294,295],{"class":275},"7c31f6; ",[249,297,298],{"class":254},"\u002F* \u003C-- Darker primary shade *\u002F\n",[249,300,301,304,306,309],{"class":251,"line":135},[249,302,303],{"class":275},"  --color-primary-400: ",[249,305,279],{"class":264},[249,307,308],{"class":275},"a585ff; ",[249,310,311],{"class":254},"\u002F* \u003C-- Lighter primary shade *\u002F\n",[249,313,314,317,319,322],{"class":251,"line":185},[249,315,316],{"class":275},"  --color-secondary: ",[249,318,279],{"class":264},[249,320,321],{"class":275},"1a1a1c; ",[249,323,324],{"class":254},"\u002F* \u003C-- Secondary color *\u002F\n",[249,326,328,331,333,336],{"class":251,"line":327},8,[249,329,330],{"class":275},"  --color-accent: ",[249,332,279],{"class":264},[249,334,335],{"class":275},"fcfcfc; ",[249,337,338],{"class":254},"\u002F* \u003C-- Accent color *\u002F\n",[249,340,342,345,347,350],{"class":251,"line":341},9,[249,343,344],{"class":275},"  --color-background-1: ",[249,346,279],{"class":264},[249,348,349],{"class":275},"fcfcfd; ",[249,351,352],{"class":254},"\u002F* \u003C-- Main background *\u002F\n",[249,354,356,359,361,364],{"class":251,"line":355},10,[249,357,358],{"class":275},"  --color-background-2: ",[249,360,279],{"class":264},[249,362,363],{"class":275},"f9fafb; ",[249,365,366],{"class":254},"\u002F* \u003C-- Secondary background *\u002F\n",[249,368,370],{"class":251,"line":369},11,[249,371,372],{"class":264},"}\n",[192,374,375],{},"Key variables to customize:",[377,378,379,383,388,393,402],"ul",{},[212,380,381],{},[204,382,234],{},[212,384,385],{},[204,386,387],{},"--color-secondary",[212,389,390],{},[204,391,392],{},"--color-accent",[212,394,395,398,399],{},[204,396,397],{},"--color-background-1"," … ",[204,400,401],{},"--color-background-11",[212,403,404,398,407],{},[204,405,406],{},"--color-stroke-1",[204,408,409],{},"--color-stroke-9",[196,411,413],{"id":412},"customizing-font-size","Customizing font size",[192,415,416,417,420,421,423],{},"Look for the ",[204,418,419],{},"\u002F* =============== TYPOGRAPHY =============== *\u002F"," section in ",[204,422,206],{}," and adjust sizes\u002Fline-heights.",[240,425,427],{"className":242,"code":426,"language":244,"meta":245,"style":245},"@theme {\n  \u002F* =============== TYPOGRAPHY =============== *\u002F\n  --text-heading-1: 4.25rem;\n  --text-heading-1--line-height: 110%;\n  --text-heading-2: 3.25rem;\n  --text-heading-2--line-height: 120%;\n  --text-heading-3: 2.5rem;\n  --text-heading-3--line-height: 120%;\n  --text-heading-4: 2rem;\n  --text-heading-4--line-height: 130%;\n  --text-heading-5: 1.5rem;\n  --text-heading-5--line-height: 140%;\n  --text-heading-6: 1.25rem;\n  --text-heading-6--line-height: 140%;\n  --text-tagline-1: 1rem;\n  --text-tagline-1--line-height: 150%;\n  --text-tagline-2: 0.875rem;\n  --text-tagline-2--line-height: 150%;\n  --text-tagline-3: 0.75rem;\n  --text-tagline-3--line-height: 150%;\n}\n",[204,428,429,435,440,445,450,455,460,465,470,475,480,485,491,497,503,509,515,521,527,533,539],{"__ignoreMap":245},[249,430,431,433],{"class":251,"line":105},[249,432,261],{"class":260},[249,434,265],{"class":264},[249,436,437],{"class":251,"line":111},[249,438,439],{"class":254},"  \u002F* =============== TYPOGRAPHY =============== *\u002F\n",[249,441,442],{"class":251,"line":117},[249,443,444],{"class":275},"  --text-heading-1: 4.25rem;\n",[249,446,447],{"class":251,"line":123},[249,448,449],{"class":275},"  --text-heading-1--line-height: 110%;\n",[249,451,452],{"class":251,"line":129},[249,453,454],{"class":275},"  --text-heading-2: 3.25rem;\n",[249,456,457],{"class":251,"line":135},[249,458,459],{"class":275},"  --text-heading-2--line-height: 120%;\n",[249,461,462],{"class":251,"line":185},[249,463,464],{"class":275},"  --text-heading-3: 2.5rem;\n",[249,466,467],{"class":251,"line":327},[249,468,469],{"class":275},"  --text-heading-3--line-height: 120%;\n",[249,471,472],{"class":251,"line":341},[249,473,474],{"class":275},"  --text-heading-4: 2rem;\n",[249,476,477],{"class":251,"line":355},[249,478,479],{"class":275},"  --text-heading-4--line-height: 130%;\n",[249,481,482],{"class":251,"line":369},[249,483,484],{"class":275},"  --text-heading-5: 1.5rem;\n",[249,486,488],{"class":251,"line":487},12,[249,489,490],{"class":275},"  --text-heading-5--line-height: 140%;\n",[249,492,494],{"class":251,"line":493},13,[249,495,496],{"class":275},"  --text-heading-6: 1.25rem;\n",[249,498,500],{"class":251,"line":499},14,[249,501,502],{"class":275},"  --text-heading-6--line-height: 140%;\n",[249,504,506],{"class":251,"line":505},15,[249,507,508],{"class":275},"  --text-tagline-1: 1rem;\n",[249,510,512],{"class":251,"line":511},16,[249,513,514],{"class":275},"  --text-tagline-1--line-height: 150%;\n",[249,516,518],{"class":251,"line":517},17,[249,519,520],{"class":275},"  --text-tagline-2: 0.875rem;\n",[249,522,524],{"class":251,"line":523},18,[249,525,526],{"class":275},"  --text-tagline-2--line-height: 150%;\n",[249,528,530],{"class":251,"line":529},19,[249,531,532],{"class":275},"  --text-tagline-3: 0.75rem;\n",[249,534,536],{"class":251,"line":535},20,[249,537,538],{"class":275},"  --text-tagline-3--line-height: 150%;\n",[249,540,542],{"class":251,"line":541},21,[249,543,372],{"class":275},[545,546,547],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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 .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);}",{"title":245,"searchDepth":111,"depth":111,"links":549},[550,551],{"id":198,"depth":111,"text":199},{"id":412,"depth":111,"text":413},"Customize colors and typography by editing variables.","md",null,{},{"icon":116,"order":111},{"title":558,"description":559},"Hugo Customization Guide","Change colors and font sizes in the Hugo template.","0ZCcoBaqSazc87V7JOAAGyakEUiMJ9ePDBq7dJ0WNao",[562,564],{"title":102,"path":161,"stem":162,"description":563,"icon":14,"order":105,"children":-1},"Install Hugo and run the NextSaaS Hugo site locally.",{"title":148,"path":167,"stem":168,"description":565,"icon":151,"order":117,"children":-1},"Create new Hugo pages and layouts (list\u002Fsingle) using partials.",1781419802366]