[{"data":1,"prerenderedAt":745},["ShallowReactive",2],{"navigation_docs":3,"-colorffy-ui-styling":273,"-colorffy-ui-styling-surround":742},[4,21,115],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Colorffy CSS","i-lucide-palette","\u002Fcolorffy-css","2.colorffy-css",[27,32,37,42,78,99],{"title":28,"path":29,"stem":30,"icon":31},"Overview","\u002Fcolorffy-css\u002Foverview","2.colorffy-css\u002F1.overview","i-lucide-book-open",{"title":33,"path":34,"stem":35,"icon":36},"Color System","\u002Fcolorffy-css\u002Fcolor-system","2.colorffy-css\u002F2.color-system","i-lucide-droplet",{"title":38,"path":39,"stem":40,"icon":41},"Customization","\u002Fcolorffy-css\u002Fcustomization","2.colorffy-css\u002F3.customization","i-lucide-settings",{"title":43,"icon":44,"path":45,"stem":46,"children":47,"page":20},"Utilities","i-lucide-wrench","\u002Fcolorffy-css\u002Futilities","2.colorffy-css\u002F4.utilities",[48,53,58,63,68,73],{"title":49,"path":50,"stem":51,"icon":52},"Borders & Shadows","\u002Fcolorffy-css\u002Futilities\u002Fborders-shadows","2.colorffy-css\u002F4.utilities\u002F01.borders-shadows","i-lucide-frame",{"title":54,"path":55,"stem":56,"icon":57},"Colors & Gradients","\u002Fcolorffy-css\u002Futilities\u002Fcolors-gradients","2.colorffy-css\u002F4.utilities\u002F02.colors-gradients","i-lucide-paint-bucket",{"title":59,"path":60,"stem":61,"icon":62},"Display & Flexbox","\u002Fcolorffy-css\u002Futilities\u002Fdisplay-flexbox","2.colorffy-css\u002F4.utilities\u002F03.display-flexbox","i-lucide-stretch-horizontal",{"title":64,"path":65,"stem":66,"icon":67},"Effects","\u002Fcolorffy-css\u002Futilities\u002Feffects","2.colorffy-css\u002F4.utilities\u002F04.effects","i-lucide-wand-sparkles",{"title":69,"path":70,"stem":71,"icon":72},"Spacing","\u002Fcolorffy-css\u002Futilities\u002Fspacing","2.colorffy-css\u002F4.utilities\u002F05.spacing","i-lucide-ruler",{"title":74,"path":75,"stem":76,"icon":77},"Typography","\u002Fcolorffy-css\u002Futilities\u002Ftypography","2.colorffy-css\u002F4.utilities\u002F06.typography","i-lucide-type",{"title":79,"icon":80,"path":81,"stem":82,"children":83,"page":20},"Layout","i-lucide-layout-template","\u002Fcolorffy-css\u002Flayout","2.colorffy-css\u002F5.layout",[84,89,94],{"title":85,"path":86,"stem":87,"icon":88},"App Layout","\u002Fcolorffy-css\u002Flayout\u002Fapp-layout","2.colorffy-css\u002F5.layout\u002F01.app-layout","i-lucide-app-window",{"title":90,"path":91,"stem":92,"icon":93},"Flex Grid","\u002Fcolorffy-css\u002Flayout\u002Fflex-grid","2.colorffy-css\u002F5.layout\u002F02.flex-grid","i-lucide-columns-3",{"title":95,"path":96,"stem":97,"icon":98},"Grid","\u002Fcolorffy-css\u002Flayout\u002Fgrid","2.colorffy-css\u002F5.layout\u002F03.grid","i-lucide-grid-3x3",{"title":100,"icon":101,"path":102,"stem":103,"children":104,"page":20},"SCSS API","i-lucide-braces","\u002Fcolorffy-css\u002Fscss-api","2.colorffy-css\u002F6.scss-api",[105,110],{"title":106,"path":107,"stem":108,"icon":109},"Mixins","\u002Fcolorffy-css\u002Fscss-api\u002Fmixins","2.colorffy-css\u002F6.scss-api\u002F01.mixins","i-lucide-code",{"title":111,"path":112,"stem":113,"icon":114},"Tonal Tokens","\u002Fcolorffy-css\u002Fscss-api\u002Ftonal-tokens","2.colorffy-css\u002F6.scss-api\u002F02.tonal-tokens","i-lucide-swatch-book",{"title":116,"icon":117,"path":118,"stem":119,"children":120,"page":20},"Colorffy UI","i-lucide-blocks","\u002Fcolorffy-ui","3.colorffy-ui",[121,125,268],{"title":122,"path":123,"stem":124,"icon":31},"Usage","\u002Fcolorffy-ui\u002Fusage","3.colorffy-ui\u002F1.usage",{"title":126,"icon":127,"path":128,"stem":129,"children":130,"page":20},"Components","i-lucide-component","\u002Fcolorffy-ui\u002Fcomponents","3.colorffy-ui\u002F2.components",[131,135,140,145,150,155,160,165,170,175,180,185,190,195,200,204,209,214,218,223,228,233,238,243,248,253,258,263],{"title":28,"path":132,"stem":133,"icon":134},"\u002Fcolorffy-ui\u002Fcomponents\u002Foverview","3.colorffy-ui\u002F2.components\u002F00.overview","i-lucide-layout-grid",{"title":136,"path":137,"stem":138,"icon":139},"Accordion","\u002Fcolorffy-ui\u002Fcomponents\u002Faccordion","3.colorffy-ui\u002F2.components\u002F01.accordion","i-lucide-chevrons-down-up",{"title":141,"path":142,"stem":143,"icon":144},"Alert","\u002Fcolorffy-ui\u002Fcomponents\u002Falert","3.colorffy-ui\u002F2.components\u002F02.alert","i-lucide-triangle-alert",{"title":146,"path":147,"stem":148,"icon":149},"Avatar","\u002Fcolorffy-ui\u002Fcomponents\u002Favatar","3.colorffy-ui\u002F2.components\u002F03.avatar","i-lucide-circle-user",{"title":151,"path":152,"stem":153,"icon":154},"Badge","\u002Fcolorffy-ui\u002Fcomponents\u002Fbadge","3.colorffy-ui\u002F2.components\u002F04.badge","i-lucide-tag",{"title":156,"path":157,"stem":158,"icon":159},"Breadcrumb","\u002Fcolorffy-ui\u002Fcomponents\u002Fbreadcrumb","3.colorffy-ui\u002F2.components\u002F05.breadcrumb","i-lucide-chevron-right",{"title":161,"path":162,"stem":163,"icon":164},"Button","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton","3.colorffy-ui\u002F2.components\u002F06.button","i-lucide-square-mouse-pointer",{"title":166,"path":167,"stem":168,"icon":169},"Button Group","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-group","3.colorffy-ui\u002F2.components\u002F07.button-group","i-lucide-square-stack",{"title":171,"path":172,"stem":173,"icon":174},"Button Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-menu","3.colorffy-ui\u002F2.components\u002F08.button-menu","i-lucide-menu",{"title":176,"path":177,"stem":178,"icon":179},"Card","\u002Fcolorffy-ui\u002Fcomponents\u002Fcard","3.colorffy-ui\u002F2.components\u002F09.card","i-lucide-square",{"title":181,"path":182,"stem":183,"icon":184},"Datatable","\u002Fcolorffy-ui\u002Fcomponents\u002Fdatatable","3.colorffy-ui\u002F2.components\u002F10.datatable","i-lucide-table",{"title":186,"path":187,"stem":188,"icon":189},"Empty","\u002Fcolorffy-ui\u002Fcomponents\u002Fempty","3.colorffy-ui\u002F2.components\u002F11.empty","i-lucide-inbox",{"title":191,"path":192,"stem":193,"icon":194},"Icons","\u002Fcolorffy-ui\u002Fcomponents\u002Ficons","3.colorffy-ui\u002F2.components\u002F12.icons","i-lucide-shapes",{"title":196,"path":197,"stem":198,"icon":199},"Inputs","\u002Fcolorffy-ui\u002Fcomponents\u002Finputs","3.colorffy-ui\u002F2.components\u002F13.inputs","i-lucide-text-cursor-input",{"title":79,"path":201,"stem":202,"icon":203},"\u002Fcolorffy-ui\u002Fcomponents\u002Flayout","3.colorffy-ui\u002F2.components\u002F14.layout","i-lucide-layout",{"title":205,"path":206,"stem":207,"icon":208},"List","\u002Fcolorffy-ui\u002Fcomponents\u002Flist","3.colorffy-ui\u002F2.components\u002F15.list","i-lucide-list",{"title":210,"path":211,"stem":212,"icon":213},"Loading","\u002Fcolorffy-ui\u002Fcomponents\u002Floading","3.colorffy-ui\u002F2.components\u002F16.loading","i-lucide-loader-circle",{"title":215,"path":216,"stem":217,"icon":88},"Modal","\u002Fcolorffy-ui\u002Fcomponents\u002Fmodal","3.colorffy-ui\u002F2.components\u002F17.modal",{"title":219,"path":220,"stem":221,"icon":222},"Navbar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavbar","3.colorffy-ui\u002F2.components\u002F18.navbar","i-lucide-panel-top",{"title":224,"path":225,"stem":226,"icon":227},"Navigation Bar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavigation-bar","3.colorffy-ui\u002F2.components\u002F19.navigation-bar","i-lucide-navigation",{"title":229,"path":230,"stem":231,"icon":232},"Popover","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover","3.colorffy-ui\u002F2.components\u002F20.popover","i-lucide-message-square",{"title":234,"path":235,"stem":236,"icon":237},"Popover Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover-menu","3.colorffy-ui\u002F2.components\u002F21.popover-menu","i-lucide-ellipsis",{"title":239,"path":240,"stem":241,"icon":242},"Progress","\u002Fcolorffy-ui\u002Fcomponents\u002Fprogress","3.colorffy-ui\u002F2.components\u002F22.progress","i-lucide-loader",{"title":244,"path":245,"stem":246,"icon":247},"Segmented Controls","\u002Fcolorffy-ui\u002Fcomponents\u002Fsegmented-controls","3.colorffy-ui\u002F2.components\u002F23.segmented-controls","i-lucide-toggle-left",{"title":249,"path":250,"stem":251,"icon":252},"Sidebar","\u002Fcolorffy-ui\u002Fcomponents\u002Fsidebar","3.colorffy-ui\u002F2.components\u002F24.sidebar","i-lucide-panel-left",{"title":254,"path":255,"stem":256,"icon":257},"Skeleton","\u002Fcolorffy-ui\u002Fcomponents\u002Fskeleton","3.colorffy-ui\u002F2.components\u002F25.skeleton","i-lucide-square-dashed",{"title":259,"path":260,"stem":261,"icon":262},"Tabs","\u002Fcolorffy-ui\u002Fcomponents\u002Ftabs","3.colorffy-ui\u002F2.components\u002F26.tabs","i-lucide-panels-top-left",{"title":264,"path":265,"stem":266,"icon":267},"Tooltip","\u002Fcolorffy-ui\u002Fcomponents\u002Ftooltip","3.colorffy-ui\u002F2.components\u002F27.tooltip","i-lucide-message-circle",{"title":269,"path":270,"stem":271,"icon":272},"Styling","\u002Fcolorffy-ui\u002Fstyling","3.colorffy-ui\u002F3.styling","i-lucide-paintbrush",{"id":274,"title":269,"body":275,"description":735,"extension":736,"links":737,"meta":738,"navigation":739,"path":270,"seo":740,"stem":271,"__hash__":741},"docs\u002F3.colorffy-ui\u002F3.styling.md",{"type":276,"value":277,"toc":729},"minimark",[278,299,304,439,443,527,531,534,642,646,717,725],[279,280,281,282,286,287,291,292,291,295,298],"p",{},"Colorffy UI components are ",[283,284,285],"strong",{},"unstyled by default"," and use semantic class names (",[288,289,290],"code",{},".btn",", ",[288,293,294],{},".card",[288,296,297],{},".alert",", …). Choose the styling approach that fits your project.",[300,301,303],"h2",{"id":302},"option-1-use-colorffy-css-recommended","Option 1 — Use Colorffy CSS (recommended)",[305,306,312],"pre",{"className":307,"code":308,"filename":309,"language":310,"meta":311,"style":311},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import ColorffyUI from '@colorffy\u002Fui'\nimport { createApp } from 'vue'\nimport App from '.\u002FApp.vue'\nimport '@colorffy\u002Fcss'\n\ncreateApp(App).use(ColorffyUI).mount('#app')\n","main.ts","ts","",[288,313,314,341,365,382,394,401],{"__ignoreMap":311},[315,316,319,323,327,330,334,338],"span",{"class":317,"line":318},"line",1,[315,320,322],{"class":321},"s7zQu","import",[315,324,326],{"class":325},"sTEyZ"," ColorffyUI ",[315,328,329],{"class":321},"from",[315,331,333],{"class":332},"sMK4o"," '",[315,335,337],{"class":336},"sfazB","@colorffy\u002Fui",[315,339,340],{"class":332},"'\n",[315,342,344,346,349,352,355,358,360,363],{"class":317,"line":343},2,[315,345,322],{"class":321},[315,347,348],{"class":332}," {",[315,350,351],{"class":325}," createApp",[315,353,354],{"class":332}," }",[315,356,357],{"class":321}," from",[315,359,333],{"class":332},[315,361,362],{"class":336},"vue",[315,364,340],{"class":332},[315,366,368,370,373,375,377,380],{"class":317,"line":367},3,[315,369,322],{"class":321},[315,371,372],{"class":325}," App ",[315,374,329],{"class":321},[315,376,333],{"class":332},[315,378,379],{"class":336},".\u002FApp.vue",[315,381,340],{"class":332},[315,383,385,387,389,392],{"class":317,"line":384},4,[315,386,322],{"class":321},[315,388,333],{"class":332},[315,390,391],{"class":336},"@colorffy\u002Fcss",[315,393,340],{"class":332},[315,395,397],{"class":317,"line":396},5,[315,398,400],{"emptyLinePlaceholder":399},true,"\n",[315,402,404,408,411,414,417,420,422,425,428,431,434,436],{"class":317,"line":403},6,[315,405,407],{"class":406},"s2Zo4","createApp",[315,409,410],{"class":325},"(App)",[315,412,413],{"class":332},".",[315,415,416],{"class":406},"use",[315,418,419],{"class":325},"(ColorffyUI)",[315,421,413],{"class":332},[315,423,424],{"class":406},"mount",[315,426,427],{"class":325},"(",[315,429,430],{"class":332},"'",[315,432,433],{"class":336},"#app",[315,435,430],{"class":332},[315,437,438],{"class":325},")\n",[300,440,442],{"id":441},"option-2-customize-colorffy-css-with-scss","Option 2 — Customize Colorffy CSS with SCSS",[305,444,449],{"className":445,"code":446,"filename":447,"language":448,"meta":311,"style":311},"language-scss shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@forward '@colorffy\u002Fcss\u002Fscss\u002Fabstracts\u002Fvariables' with (\n  $primary: #4f46e5,\n  $secondary: #ec4899,\n  $accent: #0ea5e9,\n);\n\n@use '@colorffy\u002Fcss\u002Fscss\u002Fmain';\n","variables.scss","scss",[288,450,451,469,480,490,500,508,512],{"__ignoreMap":311},[315,452,453,456,458,461,463,466],{"class":317,"line":318},[315,454,455],{"class":321},"@forward",[315,457,333],{"class":332},[315,459,460],{"class":336},"@colorffy\u002Fcss\u002Fscss\u002Fabstracts\u002Fvariables",[315,462,430],{"class":332},[315,464,465],{"class":406}," with",[315,467,468],{"class":325}," (\n",[315,470,471,474,477],{"class":317,"line":343},[315,472,473],{"class":325},"  $primary: #",[315,475,476],{"class":406},"4f46e5",[315,478,479],{"class":325},",\n",[315,481,482,485,488],{"class":317,"line":367},[315,483,484],{"class":325},"  $secondary: #",[315,486,487],{"class":406},"ec4899",[315,489,479],{"class":325},[315,491,492,495,498],{"class":317,"line":384},[315,493,494],{"class":325},"  $accent: #",[315,496,497],{"class":406},"0ea5e9",[315,499,479],{"class":325},[315,501,502,505],{"class":317,"line":396},[315,503,504],{"class":325},")",[315,506,507],{"class":332},";\n",[315,509,510],{"class":317,"line":403},[315,511,400],{"emptyLinePlaceholder":399},[315,513,515,518,520,523,525],{"class":317,"line":514},7,[315,516,517],{"class":321},"@use",[315,519,333],{"class":332},[315,521,522],{"class":336},"@colorffy\u002Fcss\u002Fscss\u002Fmain",[315,524,430],{"class":332},[315,526,507],{"class":332},[300,528,530],{"id":529},"option-3-bring-your-own-css","Option 3 — Bring your own CSS",[279,532,533],{},"Style the semantic class names directly:",[305,535,539],{"className":536,"code":537,"language":538,"meta":311,"style":311},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".btn {\n  padding: 0.5rem 1rem;\n  border-radius: 0.25rem;\n}\n\n.card {\n  background: #fff;\n  border: 1px solid #e5e7eb;\n}\n","css",[288,540,541,552,570,582,587,591,600,615,637],{"__ignoreMap":311},[315,542,543,545,549],{"class":317,"line":318},[315,544,413],{"class":332},[315,546,548],{"class":547},"sBMFI","btn",[315,550,551],{"class":332}," {\n",[315,553,554,558,561,565,568],{"class":317,"line":343},[315,555,557],{"class":556},"sqsOY","  padding",[315,559,560],{"class":332},":",[315,562,564],{"class":563},"sbssI"," 0.5rem",[315,566,567],{"class":563}," 1rem",[315,569,507],{"class":332},[315,571,572,575,577,580],{"class":317,"line":367},[315,573,574],{"class":556},"  border-radius",[315,576,560],{"class":332},[315,578,579],{"class":563}," 0.25rem",[315,581,507],{"class":332},[315,583,584],{"class":317,"line":384},[315,585,586],{"class":332},"}\n",[315,588,589],{"class":317,"line":396},[315,590,400],{"emptyLinePlaceholder":399},[315,592,593,595,598],{"class":317,"line":403},[315,594,413],{"class":332},[315,596,597],{"class":547},"card",[315,599,551],{"class":332},[315,601,602,605,607,610,613],{"class":317,"line":514},[315,603,604],{"class":556},"  background",[315,606,560],{"class":332},[315,608,609],{"class":332}," #",[315,611,612],{"class":325},"fff",[315,614,507],{"class":332},[315,616,618,621,623,626,629,632,635],{"class":317,"line":617},8,[315,619,620],{"class":556},"  border",[315,622,560],{"class":332},[315,624,625],{"class":563}," 1px",[315,627,628],{"class":325}," solid ",[315,630,631],{"class":332},"#",[315,633,634],{"class":325},"e5e7eb",[315,636,507],{"class":332},[315,638,640],{"class":317,"line":639},9,[315,641,586],{"class":332},[300,643,645],{"id":644},"override-css-variables","Override CSS variables",[305,647,649],{"className":536,"code":648,"language":538,"meta":311,"style":311},":root {\n  --theme-primary-base: #4f46e5;\n  --theme-secondary-base: #ec4899;\n  --_btn-radius: 50px;\n  --_card-bg-color: #ffffff;\n}\n",[288,650,651,661,674,687,699,713],{"__ignoreMap":311},[315,652,653,655,659],{"class":317,"line":318},[315,654,560],{"class":332},[315,656,658],{"class":657},"spNyl","root",[315,660,551],{"class":332},[315,662,663,666,668,670,672],{"class":317,"line":343},[315,664,665],{"class":325},"  --theme-primary-base",[315,667,560],{"class":332},[315,669,609],{"class":332},[315,671,476],{"class":325},[315,673,507],{"class":332},[315,675,676,679,681,683,685],{"class":317,"line":367},[315,677,678],{"class":325},"  --theme-secondary-base",[315,680,560],{"class":332},[315,682,609],{"class":332},[315,684,487],{"class":325},[315,686,507],{"class":332},[315,688,689,692,694,697],{"class":317,"line":384},[315,690,691],{"class":325},"  --_btn-radius",[315,693,560],{"class":332},[315,695,696],{"class":563}," 50px",[315,698,507],{"class":332},[315,700,701,704,706,708,711],{"class":317,"line":396},[315,702,703],{"class":325},"  --_card-bg-color",[315,705,560],{"class":332},[315,707,609],{"class":332},[315,709,710],{"class":325},"ffffff",[315,712,507],{"class":332},[315,714,715],{"class":317,"line":403},[315,716,586],{"class":332},[279,718,719,720,724],{},"See ",[721,722,723],"a",{"href":39},"Colorffy CSS → Customization"," for the full theming guide.",[726,727,728],"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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":311,"searchDepth":343,"depth":343,"links":730},[731,732,733,734],{"id":302,"depth":343,"text":303},{"id":441,"depth":343,"text":442},{"id":529,"depth":343,"text":530},{"id":644,"depth":343,"text":645},"Style Colorffy UI with Colorffy CSS, SCSS, or your own CSS.","md",null,{},{"icon":272},{"title":269,"description":735},"Y_OJhzo0wAHi_hXGIoNaiJp2pN0kofcM3Ew5i8RtJMY",[743,737],{"title":264,"path":265,"stem":266,"description":744,"icon":267,"children":-1},"Add tooltips to buttons and links.",1782196219260]