https://spook.social/vite/DFVR99ft.js

1import{b as K,a as x,c as u,w as N,J as Q,f as X,g as o,l as d,k as U,q as n,ad as Y,H as l,u as r,a7 as Z,B as m,i as s,L as c,C as b,F as T,D as y,h as W}from"./Cz7xZCJB.js";import{l as A}from"./8HslT92O.js";import{cb as ee,c as D,cc as te,C as k,d as G,a0 as w,cd as ae,i,bO as se,ab as le,aq as j,M as z,ap as ne,_ as ie}from"./app-C2Ek0jQb.js";import{F as oe}from"./B7l6xJwj.js";import{F as V}from"./lnNi7jDy.js";import{g as L,f as E}from"./tBpuWepS.js";import{r as re}from"./C8vYK7DT.js";import"./BX8RwoyW.js";const de={class:"_gaps_m rsljpzjq"},ue={class:"rfqxtzch _panel"},ce={class:"toggle"},me={class:"toggleWrapper"},pe={for:"dn",class:"toggle"},ve={class:"before"},he={class:"after"},fe={class:"sync"},_e={class:"selects"},ke=["value"],ge=["label"],be=["value"],Te=["label"],ye=["value"],De=["value"],Ve=["label"],Me=["value"],we=["label"],Le=["value"],Se={class:"_formLinksGrid"},Ce=K({__name:"theme",setup(Fe){const p=x(L()),M=ee(),h=u(()=>D.defaultDarkTheme?A.parse(D.defaultDarkTheme):null),S=u(()=>p.value.filter(a=>a.base==="dark"||a.kind==="dark")),H=u(()=>M.value.filter(a=>a.base==="dark"||a.kind==="dark")),f=u(()=>D.defaultLightTheme?A.parse(D.defaultLightTheme):null),C=u(()=>p.value.filter(a=>a.base==="light"||a.kind==="light")),J=u(()=>M.value.filter(a=>a.base==="light"||a.kind==="light")),F=u(()=>te([h.value,f.value,...M.value,...p.value].filter(a=>a!=null),a=>a.id)),O=k.ref("darkTheme"),B=u({get(){return O.value.id},set(a){const e=F.value.find(_=>_.id===a);e&&k.set("darkTheme",e)}}),P=k.ref("lightTheme"),I=u({get(){return P.value.id},set(a){const e=F.value.find(_=>_.id===a);e&&k.set("lightTheme",e)}}),q=u(G.makeGetterSetter("darkMode")),g=u(k.makeGetterSetter("syncDeviceDarkMode")),v=x(w.getItem("wallpaper")),R=p.value.length;N(g,()=>{g.value&&G.set("darkMode",ae())}),N(v,async()=>{v.value==null?w.removeItem("wallpaper"):w.setItem("wallpaper",v.value),await re({reason:i.ts.reloadToApplySetting,unison:!0})}),Q(()=>{E().then(()=>{p.value=L()})}),E().then(()=>{p.value=L()});function $(a){ne(a.currentTarget??a.target,null).then(e=>{v.value=e.url})}return u(()=>[]),u(()=>[]),se(()=>({title:i.ts.theme,icon:"ti ti-palette"})),(a,e)=>{const _=X("adaptive-border");return o(),d("div",de,[U((o(),d("div",ue,[n("div",ce,[n("div",me,[U(n("input",{id:"dn","onUpdate:modelValue":e[0]||(e[0]=t=>q.value=t),type:"checkbox",class:"dn"},null,512),[[Y,q.value]]),n("label",pe,[n("span",ve,l(r(i).ts.light),1),n("span",he,l(r(i).ts.dark),1),e[5]||(e[5]=Z('<span class="toggle__handler" data-v-c7660492><span class="crater crater--1" data-v-c7660492></span><span class="crater crater--2" data-v-c7660492></span><span class="crater crater--3" data-v-c7660492></span></span><span class="star star--1" data-v-c7660492></span><span class="star star--2" data-v-c7660492></span><span class="star star--3" data-v-c7660492></span><span class="star star--4" data-v-c7660492></span><span class="star star--5" data-v-c7660492></span><span class="star star--6" data-v-c7660492></span>',7))])])]),n("div",fe,[m(le,{modelValue:g.value,"onUpdate:modelValue":e[1]||(e[1]=t=>g.value=t)},{default:s(()=>[c(l(r(i).ts.syncDeviceDarkMode),1)]),_:1},8,["modelValue"])])])),[[_]]),n("div",_e,[m(j,{modelValue:I.value,"onUpdate:modelValue":e[2]||(e[2]=t=>I.value=t),large:"",class:"select"},{label:s(()=>[c(l(r(i).ts.themeForLightMode),1)]),prefix:s(()=>e[6]||(e[6]=[n("i",{class:"ti ti-sun"},null,-1)])),default:s(()=>[f.value?(o(),d("option",{key:"instance:"+f.value.id,value:f.value.id},l(f.value.name),9,ke)):b("",!0),C.value.length>0?(o(),d("optgroup",{key:1,label:r(i).ts._theme.installedThemes},[(o(!0),d(T,null,y(C.value,t=>(o(),d("option",{key:"installed:"+t.id,value:t.id},l(t.name),9,be))),128))],8,ge)):b("",!0),n("optgroup",{label:r(i).ts._theme.builtinThemes},[(o(!0),d(T,null,y(J.value,t=>(o(),d("option",{key:"builtin:"+t.id,value:t.id},l(t.name),9,ye))),128))],8,Te)]),_:1},8,["modelValue"]),m(j,{modelValue:B.value,"onUpdate:modelValue":e[3]||(e[3]=t=>B.value=t),large:"",class:"select"},{label:s(()=>[c(l(r(i).ts.themeForDarkMode),1)]),prefix:s(()=>e[7]||(e[7]=[n("i",{class:"ti ti-moon"},null,-1)])),default:s(()=>[h.value?(o(),d("option",{key:"instance:"+h.value.id,value:h.value.id},l(h.value.name),9,De)):b("",!0),S.value.length>0?(o(),d("optgroup",{key:1,label:r(i).ts._theme.installedThemes},[(o(!0),d(T,null,y(S.value,t=>(o(),d("option",{key:"installed:"+t.id,value:t.id},l(t.name),9,Me))),128))],8,Ve)):b("",!0),n("optgroup",{label:r(i).ts._theme.builtinThemes},[(o(!0),d(T,null,y(H.value,t=>(o(),d("option",{key:"builtin:"+t.id,value:t.id},l(t.name),9,Le))),128))],8,we)]),_:1},8,["modelValue"])]),m(oe,null,{default:s(()=>[n("div",Se,[m(V,{to:"/settings/theme/manage"},{icon:s(()=>e[8]||(e[8]=[n("i",{class:"ti ti-tool"},null,-1)])),suffix:s(()=>[c(l(r(R)),1)]),default:s(()=>[c(l(r(i).ts._theme.manage),1)]),_:1}),m(V,{to:"https://assets.misskey.io/theme/list",external:""},{icon:s(()=>e[9]||(e[9]=[n("i",{class:"ti ti-world"},null,-1)])),default:s(()=>[c(l(r(i).ts._theme.explore),1)]),_:1}),m(V,{to:"/settings/theme/install"},{icon:s(()=>e[10]||(e[10]=[n("i",{class:"ti ti-download"},null,-1)])),default:s(()=>[c(l(r(i).ts._theme.install),1)]),_:1}),m(V,{to:"/theme-editor"},{icon:s(()=>e[11]||(e[11]=[n("i",{class:"ti ti-paint"},null,-1)])),default:s(()=>[c(l(r(i).ts._theme.make),1)]),_:1})])]),_:1}),v.value==null?(o(),W(z,{key:0,onClick:$},{default:s(()=>[c(l(r(i).ts.setWallpaper),1)]),_:1})):(o(),W(z,{key:1,onClick:e[4]||(e[4]=t=>v.value=null)},{default:s(()=>[c(l(r(i).ts.removeWallpaper),1)]),_:1}))])}}}),Ge=ie(Ce,[["__scopeId","data-v-c7660492"]]);export{Ge as default};