[{"data":1,"prerenderedAt":686},["ShallowReactive",2],{"navigation_docs":3,"-guide-appearance":83,"-guide-appearance-surround-resolved":679,"daily-note-surround--guide-appearance":86},[4,9,53,73,78],{"title":5,"path":6,"stem":5,"icon":7,"order":8},"Home","/home","i-lucide-home",0,{"title":10,"icon":11,"order":12,"path":13,"stem":14,"children":15,"page":52},"Guide","i-lucide-book-open",1,"/guide","1.guide",[16,22,28,34,40,46],{"title":17,"path":18,"stem":19,"icon":20,"order":21},"Installation","/guide/installation","1.guide/1.installation","i-lucide-download",10,{"title":23,"path":24,"stem":25,"icon":26,"order":27},"Shell State","/guide/shell-state","1.guide/2.shell-state","i-lucide-sliders-horizontal",20,{"title":29,"path":30,"stem":31,"icon":32,"order":33},"Defining Panels","/guide/panels","1.guide/3.panels","i-lucide-puzzle",30,{"title":35,"path":36,"stem":37,"icon":38,"order":39},"Appearance","/guide/appearance","1.guide/4.appearance","i-lucide-sparkles",40,{"title":41,"path":42,"stem":43,"icon":44,"order":45},"Keyboard Shortcuts","/guide/keybindings","1.guide/5.keybindings","i-lucide-keyboard",50,{"title":47,"path":48,"stem":49,"icon":50,"order":51},"Demo App","/guide/demo","1.guide/6.demo","i-lucide-monitor",60,false,{"title":54,"icon":55,"order":56,"path":57,"stem":58,"children":59,"page":52},"API Reference","i-lucide-code",2,"/api","2.api",[60,65,69],{"title":61,"path":62,"stem":63,"icon":64,"order":21},"KelyphosShellView","/api/kelyphos-shell-view","2.api/1.kelyphos-shell-view","i-lucide-layout-panel-left",{"title":66,"path":67,"stem":68,"icon":26,"order":27},"KelyphosShellState","/api/kelyphos-shell-state","2.api/2.kelyphos-shell-state",{"title":70,"path":71,"stem":72,"icon":32,"order":33},"KelyphosPanel","/api/kelyphos-panel","2.api/3.kelyphos-panel",{"title":74,"path":75,"stem":74,"icon":76,"order":77},"Changelog","/changelog","i-lucide-history",98,{"title":79,"path":80,"stem":79,"icon":81,"order":82},"About","/about","i-lucide-info",99,{"id":84,"title":85,"aliases":86,"body":87,"concluded":86,"date":86,"description":673,"documentation":86,"extension":674,"isBase":52,"links":86,"meta":675,"mtime":86,"navigation":676,"order":39,"outcome":86,"path":36,"project":86,"repository":86,"seo":677,"started":86,"status":86,"stem":37,"tags":86,"team":86,"type":86,"__hash__":678},"docs/1.guide/4.appearance.md","Appearance & Vibrancy",null,{"type":88,"value":89,"toc":665},"minimark",[90,95,111,194,198,241,245,248,319,323,380,384,387,514,517,620,624,627,661],[91,92,94],"h2",{"id":93},"vibrancy-materials","Vibrancy Materials",[96,97,98,99,103,104,107,108,110],"p",{},"Kelyphos uses ",[100,101,102],"code",{},"NSVisualEffectView"," on macOS and ",[100,105,106],{},".ultraThinMaterial"," on iPadOS. Set the material via ",[100,109,66],{},":",[112,113,118],"pre",{"className":114,"code":115,"language":116,"meta":117,"style":117},"language-swift shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","shellState.vibrancyMaterial = .ultraThin   // Lightest — content shows through clearly\nshellState.vibrancyMaterial = .thin\nshellState.vibrancyMaterial = .regular\nshellState.vibrancyMaterial = .thick\nshellState.vibrancyMaterial = .ultraThick  // Heaviest — most opaque\nshellState.vibrancyMaterial = .none        // Disable vibrancy entirely\n","swift","",[100,119,120,139,148,158,168,181],{"__ignoreMap":117},[121,122,124,128,132,135],"span",{"class":123,"line":12},"line",[121,125,127],{"class":126},"sTEyZ","shellState.vibrancyMaterial ",[121,129,131],{"class":130},"sMK4o","=",[121,133,134],{"class":126}," .ultraThin   ",[121,136,138],{"class":137},"sHwdD","// Lightest — content shows through clearly\n",[121,140,141,143,145],{"class":123,"line":56},[121,142,127],{"class":126},[121,144,131],{"class":130},[121,146,147],{"class":126}," .thin\n",[121,149,151,153,155],{"class":123,"line":150},3,[121,152,127],{"class":126},[121,154,131],{"class":130},[121,156,157],{"class":126}," .regular\n",[121,159,161,163,165],{"class":123,"line":160},4,[121,162,127],{"class":126},[121,164,131],{"class":130},[121,166,167],{"class":126}," .thick\n",[121,169,171,173,175,178],{"class":123,"line":170},5,[121,172,127],{"class":126},[121,174,131],{"class":130},[121,176,177],{"class":126}," .ultraThick  ",[121,179,180],{"class":137},"// Heaviest — most opaque\n",[121,182,184,186,188,191],{"class":123,"line":183},6,[121,185,127],{"class":126},[121,187,131],{"class":130},[121,189,190],{"class":126}," .none        ",[121,192,193],{"class":137},"// Disable vibrancy entirely\n",[91,195,197],{"id":196},"background-alpha","Background Alpha",[112,199,201],{"className":114,"code":200,"language":116,"meta":117,"style":117},"shellState.backgroundAlpha = 0.0   // Fully transparent\nshellState.backgroundAlpha = 0.5   // Semi-transparent (balanced preset)\nshellState.backgroundAlpha = 1.0   // Fully opaque (solid preset)\n",[100,202,203,217,229],{"__ignoreMap":117},[121,204,205,208,210,214],{"class":123,"line":12},[121,206,207],{"class":126},"shellState.backgroundAlpha ",[121,209,131],{"class":130},[121,211,213],{"class":212},"sbssI"," 0.0",[121,215,216],{"class":137},"   // Fully transparent\n",[121,218,219,221,223,226],{"class":123,"line":56},[121,220,207],{"class":126},[121,222,131],{"class":130},[121,224,225],{"class":212}," 0.5",[121,227,228],{"class":137},"   // Semi-transparent (balanced preset)\n",[121,230,231,233,235,238],{"class":123,"line":150},[121,232,207],{"class":126},[121,234,131],{"class":130},[121,236,237],{"class":212}," 1.0",[121,239,240],{"class":137},"   // Fully opaque (solid preset)\n",[91,242,244],{"id":243},"appearance-presets","Appearance Presets",[96,246,247],{},"Three built-in presets cover common use cases:",[112,249,251],{"className":114,"code":250,"language":116,"meta":117,"style":117},"AppearancePreset.clear.apply(to: shellState)     // transparent + ultraThin\nAppearancePreset.balanced.apply(to: shellState)  // 50% opacity + thin\nAppearancePreset.solid.apply(to: shellState)     // opaque + no material\n",[100,252,253,279,299],{"__ignoreMap":117},[121,254,255,258,262,265,268,270,273,276],{"class":123,"line":12},[121,256,257],{"class":126},"AppearancePreset.clear.",[121,259,261],{"class":260},"s2Zo4","apply",[121,263,264],{"class":130},"(",[121,266,267],{"class":260},"to",[121,269,110],{"class":130},[121,271,272],{"class":126}," shellState",[121,274,275],{"class":130},")",[121,277,278],{"class":137},"     // transparent + ultraThin\n",[121,280,281,284,286,288,290,292,294,296],{"class":123,"line":56},[121,282,283],{"class":126},"AppearancePreset.balanced.",[121,285,261],{"class":260},[121,287,264],{"class":130},[121,289,267],{"class":260},[121,291,110],{"class":130},[121,293,272],{"class":126},[121,295,275],{"class":130},[121,297,298],{"class":137},"  // 50% opacity + thin\n",[121,300,301,304,306,308,310,312,314,316],{"class":123,"line":150},[121,302,303],{"class":126},"AppearancePreset.solid.",[121,305,261],{"class":260},[121,307,264],{"class":130},[121,309,267],{"class":260},[121,311,110],{"class":130},[121,313,272],{"class":126},[121,315,275],{"class":130},[121,317,318],{"class":137},"     // opaque + no material\n",[91,320,322],{"id":321},"window-appearance","Window Appearance",[112,324,326],{"className":114,"code":325,"language":116,"meta":117,"style":117},"shellState.windowAppearance = \"auto\"   // Follows system appearance\nshellState.windowAppearance = \"light\"  // Force light mode\nshellState.windowAppearance = \"dark\"   // Force dark mode\n",[100,327,328,348,364],{"__ignoreMap":117},[121,329,330,333,335,338,342,345],{"class":123,"line":12},[121,331,332],{"class":126},"shellState.windowAppearance ",[121,334,131],{"class":130},[121,336,337],{"class":130}," \"",[121,339,341],{"class":340},"sfazB","auto",[121,343,344],{"class":130},"\"",[121,346,347],{"class":137},"   // Follows system appearance\n",[121,349,350,352,354,356,359,361],{"class":123,"line":56},[121,351,332],{"class":126},[121,353,131],{"class":130},[121,355,337],{"class":130},[121,357,358],{"class":340},"light",[121,360,344],{"class":130},[121,362,363],{"class":137},"  // Force light mode\n",[121,365,366,368,370,372,375,377],{"class":123,"line":150},[121,367,332],{"class":126},[121,369,131],{"class":130},[121,371,337],{"class":130},[121,373,374],{"class":340},"dark",[121,376,344],{"class":130},[121,378,379],{"class":137},"   // Force dark mode\n",[91,381,383],{"id":382},"color-theme","Color Theme",[96,385,386],{},"The color theme provides semantic slots that adapt to light and dark mode:",[388,389,390,403],"table",{},[391,392,393],"thead",{},[394,395,396,400],"tr",{},[397,398,399],"th",{},"Slot",[397,401,402],{},"Usage",[404,405,406,417,427,437,447,457,467,484,494,504],"tbody",{},[394,407,408,414],{},[409,410,411],"td",{},[100,412,413],{},"accent",[409,415,416],{},"Primary interactive elements",[394,418,419,424],{},[409,420,421],{},[100,422,423],{},"accentSecondary",[409,425,426],{},"Secondary highlights",[394,428,429,434],{},[409,430,431],{},[100,432,433],{},"foreground",[409,435,436],{},"Primary text",[394,438,439,444],{},[409,440,441],{},[100,442,443],{},"foregroundDim",[409,445,446],{},"Secondary text",[394,448,449,454],{},[409,450,451],{},[100,452,453],{},"background",[409,455,456],{},"Panel background",[394,458,459,464],{},[409,460,461],{},[100,462,463],{},"backgroundDim",[409,465,466],{},"Elevated surface",[394,468,469,481],{},[409,470,471,474,475,474,478],{},[100,472,473],{},"error"," / ",[100,476,477],{},"warning",[100,479,480],{},"success",[409,482,483],{},"Status colors",[394,485,486,491],{},[409,487,488],{},[100,489,490],{},"link",[409,492,493],{},"Hyperlinks",[394,495,496,501],{},[409,497,498],{},[100,499,500],{},"border",[409,502,503],{},"Dividers",[394,505,506,511],{},[409,507,508],{},[100,509,510],{},"selection",[409,512,513],{},"Selected items",[96,515,516],{},"Customize with hex values per variant:",[112,518,520],{"className":114,"code":519,"language":116,"meta":117,"style":117},"shellState.colorTheme.update(variant: \"dark\", from: [\n    \"accent\": \"#8B5CF6\",\n    \"background\": \"#18181B\",\n    \"foreground\": \"#FAFAFA\"\n])\n",[100,521,522,554,575,594,612],{"__ignoreMap":117},[121,523,524,527,530,532,535,537,539,541,543,546,549,551],{"class":123,"line":12},[121,525,526],{"class":126},"shellState.colorTheme.",[121,528,529],{"class":260},"update",[121,531,264],{"class":130},[121,533,534],{"class":260},"variant",[121,536,110],{"class":130},[121,538,337],{"class":130},[121,540,374],{"class":340},[121,542,344],{"class":130},[121,544,545],{"class":126},", ",[121,547,548],{"class":260},"from",[121,550,110],{"class":130},[121,552,553],{"class":126}," [\n",[121,555,556,559,561,563,565,567,570,572],{"class":123,"line":56},[121,557,558],{"class":130},"    \"",[121,560,413],{"class":340},[121,562,344],{"class":130},[121,564,110],{"class":130},[121,566,337],{"class":130},[121,568,569],{"class":340},"#8B5CF6",[121,571,344],{"class":130},[121,573,574],{"class":126},",\n",[121,576,577,579,581,583,585,587,590,592],{"class":123,"line":150},[121,578,558],{"class":130},[121,580,453],{"class":340},[121,582,344],{"class":130},[121,584,110],{"class":130},[121,586,337],{"class":130},[121,588,589],{"class":340},"#18181B",[121,591,344],{"class":130},[121,593,574],{"class":126},[121,595,596,598,600,602,604,606,609],{"class":123,"line":160},[121,597,558],{"class":130},[121,599,433],{"class":340},[121,601,344],{"class":130},[121,603,110],{"class":130},[121,605,337],{"class":130},[121,607,608],{"class":340},"#FAFAFA",[121,610,611],{"class":130},"\"\n",[121,613,614,617],{"class":123,"line":170},[121,615,616],{"class":126},"]",[121,618,619],{"class":130},")\n",[91,621,623],{"id":622},"settings-view","Settings View",[96,625,626],{},"Drop in the built-in settings panel for user-controlled appearance:",[112,628,630],{"className":114,"code":629,"language":116,"meta":117,"style":117},"Settings {\n    KelyphosSettingsView(state: shellState)\n}\n",[100,631,632,640,656],{"__ignoreMap":117},[121,633,634,637],{"class":123,"line":12},[121,635,636],{"class":260},"Settings",[121,638,639],{"class":130}," {\n",[121,641,642,645,647,650,652,654],{"class":123,"line":56},[121,643,644],{"class":260},"    KelyphosSettingsView",[121,646,264],{"class":130},[121,648,649],{"class":260},"state",[121,651,110],{"class":130},[121,653,272],{"class":126},[121,655,619],{"class":130},[121,657,658],{"class":123,"line":150},[121,659,660],{"class":130},"}\n",[662,663,664],"style",{},"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 .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 .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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":117,"searchDepth":150,"depth":150,"links":666},[667,668,669,670,671,672],{"id":93,"depth":56,"text":94},{"id":196,"depth":56,"text":197},{"id":243,"depth":56,"text":244},{"id":321,"depth":56,"text":322},{"id":382,"depth":56,"text":383},{"id":622,"depth":56,"text":623},"Configuring Liquid Glass materials, color themes, and appearance presets","md",{"icon":38},{"title":35,"icon":38,"order":39},{"title":85,"description":673},"t8s92NfxtXCh7Yf1gbA5rmTVIuLbV4OFazr3Ab-3MO0",[680,683],{"title":29,"description":681,"path":30,"navigation":682},"Creating navigator, inspector, and utility tabs with KelyphosPanel",{"title":29,"icon":32,"order":33},{"title":41,"description":684,"path":42,"navigation":685},"Built-in shortcuts and registering custom keybindings",{"title":41,"icon":44,"order":45},1775245603158]