1import{_ as m,E as p,c as r,b as s,F as d,B as h,m as a,e as n,D as u,d as g,I as B,t as C,h as F,y as _,f}from"./index-AIkCTHNu.js";import{C as k}from"./ContrastChip-BF5FF2WM.js";/* empty css */const v={class:"appearance-page"},y={class:"theme-pill-list"},A=["aria-pressed","onClick"],E={class:"tp-name"},T={__name:"AppearancePage",setup(D){const t=p(),c=[{id:"light",name:"Light",icon:"theme-light",iconBg:"#E9F8F7",iconColor:"#2BB8B0"},{id:"dark",name:"Dark",icon:"theme-dark",iconBg:"#1A3A38",iconColor:"#2BB8B0"},{id:"sunset",name:"Sunset",icon:"theme-sunset",iconBg:"#FDF0EB",iconColor:"#E07A5F"},{id:"ocean",name:"Ocean",icon:"theme-ocean",iconBg:"#E2F1FB",iconColor:"#1A8FDD"},{id:"forest",name:"Forest",icon:"theme-forest",iconBg:"#E2F5E8",iconColor:"#3A8F5C"}];function l(i){t.setTheme(i)}return(i,o)=>(a(),r("div",v,[o[1]||(o[1]=s("div",{class:"appearance-title"},"Appearance",-1)),o[2]||(o[2]=s("div",{class:"appearance-desc"},"Choose a theme that suits you. Your preference is saved automatically.",-1)),s("div",y,[(a(),r(d,null,h(c,e=>s("div",{key:e.id,class:"theme-pill","aria-pressed":String(n(t).currentTheme===e.id),onClick:S=>l(e.id)},[s("span",{class:"tp-icon",style:u({background:e.iconBg,color:e.iconColor})},[g(B,{name:e.icon,size:n(t).currentTheme===e.id?30:18},null,8,["name","size"])],4),s("span",E,C(e.name),1),s("span",{class:"tp-toggle-slot",onClick:o[0]||(o[0]=F(()=>{},["stop"]))},[n(t).currentTheme===e.id?(a(),_(k,{key:0})):f("",!0)])],8,A)),64))]),o[3]||(o[3]=s("p",{class:"pill-list-note"},"The toggle sits on whichever theme is active â it travels with your color choice.",-1))]))}},I=m(T,[["__scopeId","data-v-dc5d8138"]]);export{I as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.