"),st=p('
@ryanatkn/moss/theme.ts"),wt=p("@ryanatkn/moss/themes.ts"),xt=p("The builtin themes need more work, but the proof of concept is ready!",1),Tt=p(`Moss supports both the browser's and custom themes based on , which use .
Moss works with any JS framework, but it provides only stylesheets, not integrations. This +`.trim()},ge=(s,t=!1,a=!0)=>{const l=t?s.dark:s.light;return l?"--"+s.name+": "+l+";"+(a&&s.summary?" /* "+s.summary+" */":""):""};var nt=g("
"),st=g('
@ryanatkn/moss/theme.ts"),wt=g("@ryanatkn/moss/themes.ts"),xt=g("The builtin themes need more work, but the proof of concept is ready!",1),Tt=g(`Moss supports both the browser's and custom themes based on , which use .
Moss works with any JS framework, but it provides only stylesheets, not integrations. This website uses my Svelte UI library Fuz to provide the UI below to control the Moss color scheme and themes.
Moss supports with dark and light modes. To apply dark mode manually,
add the dark class to the root html element.
The Fuz integration detects the default with , and users can also set it directly with a component like this one:
The builtin themes support both dark and light color schemes. Custom themes may support one or both color schemes.
A theme is a simple JSON collection of that can be transformed into CSS that set custom properties. Each variable can have values for light and/or dark color schemes. - In other words, "dark" isn't a theme, it's a mode that any theme can implement.
These docs are a work in progress, for now see and .
These docs are a work in progress, for now see and .
",1);function y(i,n){l(n,!0);const c=d(),s=()=>b(E,"$page",c);var a=j(),t=_(a),g=m(t);p(t);var e=f(f(t,!0)),h=m(e);p(e),x(()=>{var r;o(g,s().status),o(h,(r=s().error)==null?void 0:r.message)}),u(i,a),$()}export{y as component}; +import{a as u,t as v,r as p,s as o,f as _,c as m,b as f}from"../chunks/disclose-version.DmEdRbAM.js";import{p as l,t as x,a as $}from"../chunks/runtime.DQLNIWkh.js";import{s as d,a as b,p as E}from"../chunks/stores.D5Y8xIEE.js";var j=v("
",1);function y(i,n){l(n,!0);const c=d(),s=()=>b(E,"$page",c);var a=j(),t=_(a),g=m(t);p(t);var e=f(f(t,!0)),h=m(e);p(e),x(()=>{var r;o(g,s().status),o(h,(r=s().error)==null?void 0:r.message)}),u(i,a),$()}export{y as component}; diff --git a/_app/immutable/nodes/10.DnexMyCP.js b/_app/immutable/nodes/10.Cs1L2gYd.js similarity index 96% rename from _app/immutable/nodes/10.DnexMyCP.js rename to _app/immutable/nodes/10.Cs1L2gYd.js index 2a600fc0..030fa3bc 100644 --- a/_app/immutable/nodes/10.DnexMyCP.js +++ b/_app/immutable/nodes/10.Cs1L2gYd.js @@ -1,4 +1,4 @@ -import{a as n,t as i,f as m,b as e,c as o,A as v,r as t}from"../chunks/disclose-version.DmEdRbAM.js";import{p as Ve,a as Xe}from"../chunks/runtime.DQLNIWkh.js";import{a as A}from"../chunks/attributes.CS5iO7kD.js";import{C as c}from"../chunks/Code.0l8EPLb5.js";import{b as C}from"../chunks/entry.BfjWzO8U.js";import{T as Ze}from"../chunks/Tome_Detail.DwMifZYs.js";import{T as Le}from"../chunks/Tome_Link.DVSo3UwA.js";import{a as et}from"../chunks/tome.BbggBCby.js";import{M as l}from"../chunks/Mdn_Link.q19oj61Z.js";import{T as s}from"../chunks/Tome_Subheading.BNGsokwu.js";import{U as Pe}from"../chunks/Unfinished_Implementation_Warning.DGI0YO8m.js";var tt=i("Element styles are incomplete. Any requests?",1),rt=i("HTML elements",1),ot=i('👆 ',1),dt=i('👇 ',1),at=i(" and ",1),st=i("
ul"),lt=i("ol"),nt=i("menu"),it=i(` Styles for plain . See also and .
a link in a p
diva link with .selected
code in a p
code in a divapreis +import{a as n,t as i,f as m,b as e,c as o,A as v,r as t}from"../chunks/disclose-version.DmEdRbAM.js";import{p as Ve,a as Xe}from"../chunks/runtime.DQLNIWkh.js";import{a as A}from"../chunks/attributes.CS5iO7kD.js";import{C as c}from"../chunks/Code.0l8EPLb5.js";import{b as C}from"../chunks/entry.VAObr9cy.js";import{T as Ze}from"../chunks/Tome_Detail.D-IzO2oJ.js";import{T as Le}from"../chunks/Tome_Link.B9CxDbx-.js";import{a as et}from"../chunks/tome.BbggBCby.js";import{M as l}from"../chunks/Mdn_Link.q19oj61Z.js";import{T as s}from"../chunks/Tome_Subheading.Bu_WhTUG.js";import{U as Pe}from"../chunks/Unfinished_Implementation_Warning.DGI0YO8m.js";var tt=i("Element styles are incomplete. Any requests?",1),rt=i("HTML elements",1),ot=i('👆 ',1),dt=i('👇 ',1),at=i(" and ",1),st=i("ul"),lt=i("ol"),nt=i("menu"),it=i(`Styles for plain . See also and .a link in a
pa link in adiva link with
.selected
codein apcodein adivpreis preformatted textcodein apreis a diff --git a/_app/immutable/nodes/11.-MKN0e_3.js b/_app/immutable/nodes/11.BEe3Y8dD.js similarity index 74% rename from _app/immutable/nodes/11.-MKN0e_3.js rename to _app/immutable/nodes/11.BEe3Y8dD.js index 2da66a89..e8319a50 100644 --- a/_app/immutable/nodes/11.-MKN0e_3.js +++ b/_app/immutable/nodes/11.BEe3Y8dD.js @@ -1,4 +1,4 @@ -import{g as Oe,r as t,a as i,t as u,s as Xe,f as W,c as a,z as kt,b as e,F as yt,A}from"../chunks/disclose-version.DmEdRbAM.js";import{p as Ze,t as L,g as r,a as et,d as p,j as $,k as x,C as h}from"../chunks/runtime.DQLNIWkh.js";import{p as $t}from"../chunks/proxy.Z2mvM0To.js";import{p as Tt,i as G}from"../chunks/props.DzaVH91U.js";import{s as Se,b as Ye,g as Ve,a as E,r as T,h as Mt,i as At}from"../chunks/attributes.CS5iO7kD.js";import{t as Et}from"../chunks/class.BE7OXWA3.js";import{s as I}from"../chunks/style.iv2mhl8q.js";import{t as qe,f as Ge}from"../chunks/index.CatX5xvv.js";import{b as me,a as Je,c as Lt}from"../chunks/input.D0dl6dIq.js";import{C as v}from"../chunks/Code.0l8EPLb5.js";import{T as Pt}from"../chunks/Tome_Detail.DwMifZYs.js";import{M as he}from"../chunks/Mdn_Link.q19oj61Z.js";import{a as Ft}from"../chunks/tome.BbggBCby.js";import{T as q}from"../chunks/Tome_Subheading.BNGsokwu.js";import{U as Ke}from"../chunks/Unfinished_Implementation_Warning.DGI0YO8m.js";const Qe={inform:{color:"var(--text_2)",icon:"✻"},help:{color:"var(--color_b_5)",icon:"➺"},error:{color:"var(--color_c_5)",icon:"!?"}};var jt=u(''),Ht=u(' ',1),Nt=u(""),Rt=u("");function Wt(P,n){Ze(n,!0);const C=b=>{var s=Ht(),f=W(s);G(f,()=>n.icon!==null,D=>{var y=jt(),O=a(y);G(O,()=>!n.icon||typeof n.icon=="string",M=>{var g=kt();L(()=>Xe(g,r(j))),i(M,g)},M=>{var g=Oe(),R=W(g);Ye(R,()=>n.icon,()=>r(j)),i(M,g)}),t(y),i(D,y)});var k=e(e(f,!0)),B=a(k);Ye(B,()=>n.children),t(k),i(b,s)},ge=Tt(n,"status",3,"inform"),J=p(()=>Qe[ge()]),U=p(()=>r(J)),_=p(()=>{let{color:b,icon:s}=r(U);return[b,s]}),K=p(()=>r(_)[0]),z=p(()=>r(_)[1]),F=p(()=>n.color??r(K)),j=p(()=>typeof n.icon=="string"?n.icon:r(z)??Qe.inform.icon);var H=Oe(),N=W(H);G(N,()=>n.onclick,b=>{var s=Nt();let f;var k=a(s);C(k),t(s),L(()=>{f=Se(s,f,{class:"message",type:"button",onclick:n.onclick,disabled:n.disabled,...n.attrs},!0,"svelte-tarwjh"),I(s,"--text_color",r(F))}),i(b,s)},b=>{var s=Rt();let f;var k=a(s);C(k),t(s),L(()=>{f=Se(s,f,{role:"alert",class:"message panel",...n.attrs},!0,"svelte-tarwjh"),I(s,"--text_color",r(F))}),i(b,s)}),i(P,H),et()}var It=u("Forms need more work.",1),Ct=u(" with a ",1),Ut=u(""),zt=(P,n)=>x(n,!0),Bt=u("cannot create account because this library is fake",1),Dt=(P,n)=>x(n,!1),Ot=u(''),St=u("formwith range input",1),Yt=u("formwith checkboxes",1),Vt=u("This will change, probably to toggles.",1),qt=u("formwith radio inputs",1),Gt=u(''),Jt=u(`