https://colorschemer.com/_app/immutable/nodes/4.u86Eabm6.js

1import"../chunks/CWj6FrbW.js";import{d as Q,s as I,a as E,e as _,o as ee}from"../chunks/CDEmY2gH.js";import{p as D,ay as k,N as Ae,g as p,h as e,d as v,r as i,s as n,t as x,a as B,b as z,c as S,f as j,ax as N,n as K,e as ue,at as me,a7 as fe}from"../chunks/Bku3A7S3.js";import{a as q,s as H}from"../chunks/PjmRxjYz.js";import{i as Y}from"../chunks/DHE0lTq7.js";import{s as U,e as ae,i as ce}from"../chunks/BevBkZLk.js";import{s as we}from"../chunks/CZWaHXe8.js";import{r as V}from"../chunks/BOAazY_7.js";import{s as he,c as pe,d as ye,a as $,V as W,C as O,P as se,e as ne,f as te,g as J,h as be,i as le,j as oe,k as re,l as ie,m as ve,n as de}from"../chunks/DXnlPyNu.js";import{p as Z}from"../chunks/m8cfsTj6.js";import{P as ke}from"../chunks/D_UEN3GM.js";import{S as Be}from"../chunks/DeSZLinM.js";import{S as Ce}from"../chunks/3ymj5cq1.js";import{a as X,s as L}from"../chunks/BXItJseQ.js";import{w as Se}from"../chunks/CM8dE4DU.js";import"../chunks/BYnWMsUX.js";import{S as Xe}from"../chunks/CjlTw2Is.js";const G=[{name:"red",color:"#C40233"},{name:"orange",color:"#E5802D",dark:!0},{name:"yellow",color:"#ffca20",dark:!0},{name:"brown",color:"#8B572A"},{name:"green",color:"#009F6B"},{name:"teal-turquoise",color:"#00B2A9",dark:!0,secondary:"#008080"},{name:"blue",color:"#2d5fa1"},{name:"violet-purple",color:"#8000FF",secondary:"#800080"},{name:"pink-magenta",color:"#FFC0CB",dark:!0,secondary:"#FF00FF"}];var Ee=S('<div class="score svelte-1o0a766"><img class="svelte-1o0a766"/> </div>'),xe=S('<div class="schemePageTitle svelte-1o0a766"><div class="text svelte-1o0a766"> </div> <div class="InfoMenu  svelte-1o0a766"><div class="button InfoMenuButton SwatchMenuButton svelte-1o0a766"><div class="svelte-1o0a766"></div><div class="svelte-1o0a766"></div><div class="svelte-1o0a766"></div></div> <!></div> <!></div>');function Me(y,u){D(u,!0);let l=k(void 0),f=k(Ae({}));Ce.subscribe(o=>{p(l,o,!0),p(f,o==null?void 0:o.scheme,!0)}),console.log(e(l),e(f));var g=xe(),r=v(g),m=v(r);i(r);var d=n(r,2),A=v(d),h=n(A,2);{var s=o=>{pe(o,{get config(){return e(f)}})};Y(h,o=>{var c;(c=e(f))!=null&&c._id&&o(s)})}i(d);var a=n(d,2);{var w=o=>{var c=Ee(),t=v(c),b=n(t);

1i(c),x(()=>{var C,M;U(t,"src",ye),I(b,` ${(((M=(C=e(l))==null?void 0:C.scheme)==null?void 0:M.score)||"NEW")??""}`)}),B(o,c)};Y(a,o=>{var c;(c=e(l))!=null&&c.scheme&&o(w)})}i(g),x(()=>{var o,c;return I(m,`Scheme: ${((c=(o=e(l))==null?void 0:o.scheme)==null?void 0:c.name)??""}`)}),E("click",A,()=>he.set(e(f)._id)),B(y,g),z()}Q(["click"]);var Fe=S('<div class="secondary svelte-pa9kq7"></div>'),De=S('<a><div><div class="close svelte-pa9kq7">&times;</div> <!></div></a>'),ze=S('<div class="text svelte-pa9kq7">Filter</div> <div class="colorOptions svelte-pa9kq7"></div>',1);function Re(y,u){D(u,!0);const l=()=>q(Z,"$page",f),[f,g]=H();l().url.pathname;let r=k(void 0),m=k(void 0);V(()=>{const s=l().url.pathname;p(m,s.includes("latest")?"/gradients/latest":"/gradients",!0),p(r,""),G.forEach(a=>{s.includes(a.name)&&p(r,a.name,!0)})});const d=(s,a)=>s.url.pathname.includes(a);var A=ze(),h=n(j(A),2);ae(h,21,()=>G,ce,(s,a)=>{var w=De(),o=v(w),c=n(v(o),2);{var t=b=>{var C=Fe();x(()=>L(C,`background: ${e(a).secondary??""}`)),B(b,C)};Y(c,b=>{e(a).secondary&&b(t)})}i(o),i(w),x((b,C)=>{U(w,"href",b),X(o,1,`color ${e(a).name??""} ${C??""}`,"svelte-pa9kq7"),L(o,`background-color: ${e(a).color??""}`)},[()=>d(l(),e(a).name)?e(m):e(m)+"/"+e(a).name,()=>d(l(),e(a).name)&&"selected"]),B(s,w)}),i(h),B(y,A),z(),g()}var Ue=S('<div><div></div> <div class="item trending svelte-pppvsb">Top</div> <div class="item latest svelte-pppvsb">New</div></div>');function Le(y,u){D(u,!0);const l=()=>q($,"$SortMode",f),[f,g]=H(),r=Se(!1);let m=k(void 0),d=k(!1),A=k(void 0);V(()=>{p(d,l()==="new"),p(m,e(d)?"latest_current":"trends_current",!0)}),r.subscribe(c=>{!e(d)&&c==="latest"?p(A,"latest"):e(d)&&c=="trending"?p(A,"trending"):p(A,void 0)});let h=N(()=>l()==="new"?"latest":"");var s=Ue(),a=v(s),w=n(a,2),o=n(w,2);i(s),x(()=>{X(s,1,`selector ${e(m)??""} ${e(A)??""} `,"svelte-pppvsb"),X(a,1,`bubble ${e(h)??""}`,"svelte-pppvsb")}),_("mouseleave",s,()=>r.set()),E("click",w,()=>$.set("top")),_("mouseenter",w,()=>r.set("trending")),E("click",o,()=>$.set("new")),_("mouseenter",o,()=>r.set("latest")),B(y,s),z(),g()}Q(["click"]);const Qe="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAADDklEQVRIDbVWz0tUURS+574Zx7EUhNAiU1PL3yPjOE4lVBCB6KKVSPYHVJtWUm1y0SaMol3gzk2ZuGox2iZISWliRklNMywqwTJkFIVG0bm3775R5s28eSqZB968c77vnO/duffc+x6xXaymrs7NotQpOZUzyY7o6cQWSchppsk7H4LBsZ0kbDuRihOCXydilyEeN8nyJFGeFPQV4I04Yfa4GUpEiFF+IhKPiLGCeJTaQ07MPB5PxgbT2jRBI2NjgSmF+ny+rMiG/AY3W8UpbHHdaS+aGR5eVVxNjbdS2uisnUWfh0KhPwrTH9DS0qJ9+vL9JYJmYBI2SIyHwCKWZSpxB5sEN4AaLxFdgE+YTX9ZccGVvr6+qKYKbc7MuxC/qXwY8qgQ4ufgxxZVodaWA6pBr9kaMLROh5eXIws/599Sldd7gkfpM5LSrTX+iVljm3SK803efgDiakTpzCba0UWydQ/jC2EfNEfXMzLVpXzUhHavo1YbcdYtJbuNZEyd2bB4byKrS42zs7PrBra/pKTktTMz+xXm/qIBN7oopW5dtLrO18SE7EGQZcyALwXjlZOj76aTcD2sqj1Tzpn4iCBhcOiiFcbp6kQw0K9vNOVgJB0pROasxFXuFjeXXEck7ylNhRt2ssCD/78d+BRp1W7fA2LyKZ6Uah+AEpVZhzNehMPhqPH/YZEd9jRHD6b2pBFXPrQc2M5tOUfz0snlrv8FJDc5KSlWbdohIs4hhXNn5DyO6/twPUl5iaFkCziuqRfNciuRMUUeCPo1h35+4Qw38RYA9XJhE4/Arllk7AdeU9ra7/n5ldxjx1UHXdqPmqkWbT8RfO/X27S0uKATbyy9b5GoHjaEhXqC+4yp0AxMM0mPAQ/i0lsdP/7SovyHKhU6MXO5XIekzXmNeHRkPBhUZ/xeXjhLTjsVBgKBFZXvdvsqNkk0pJF4lvDCUaSVuWrrB8A1puZpYHw00JSai6GGnZw6DX/3e2pGzYf8YcVt47t+VXAuuvDZUoSviAoUbb/hFknKKdJk17aQ1f0vcREQY80om94AAAAASUVORK5CYII=",Ke="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAACd0lEQVRYCcWXz2sTQRTH580uKW2oFy9SPOZkaqHF2F69Wih49uh/4FXsoeLBi3+FPQuCZ4+mBis0iSDkWKIgClqX0tLk+b7j7JLESbo7mdU9ZLMz876ft/Nrv0Mq51Wv1yvxQvUOK9phHt4gTSuK1YoJJ9XnIfeJ9EdS/OriLHnT7XbP80jTZY3qjca16IJ2mdR9aXzlsvaoZ6V+Eqv9Qcx73Vbry6yYqQnUarWFxeWrj4j4oQhUZ4nMqEuY6fnpybenvV7vzNXOmYB56wG9lIAtV5BHWXMQ8T1Xb/yVwOrG5pomfi39eN0DND2E1DGr6G77/dv2aKOxBMybD6kVHJ4SJYmB5sZoT+i0DmMeodtDv3kKwF20wQArLc4SwISTwlBjnuq77luWZerMENhJ15OS3LP96PDd2PCtbdyW1Zf7SmRS1jAUpgewzovAc2OmN6xaptLY4bDJTG9bTg2YYGtsr9KXuXa4kKmACXaMvd1sngXVC465Ux1sjQ+Ls/YfFIId269aYdycq8DwwNayOfz5pBZOIUCAsLONKICcjwRrJWbCJzJIDKnPGk4miJiHCNgaNsojNkgI2BoeLoiahwjYGgYSHs4jfq4QMMHWcK8wkHOpeQSDCbZZhnCvopF46PiGJJYpi9BeN9c398QBP06fy7yLU37S/nAAC6CyjQjWWZ6bZYKtdtOyzGOWAHw7rLP0yX

1FpScCUCmP0jJAlACgs0pBpu5QkrC0fdcRgjiWAgs7hwRGss/wNORxNaE6eCcCL8DN5fe33fy1XF1/ElSUmUrekvjLZJuczjmbPTk++P/jU6fxwxWSrwFWJsv92OJ1MqKzj+W8fMw85ygcCcwAAAABJRU5ErkJggg==",Pe="data:image/png;base64,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",Ie="data:image/png;base64,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";var Ge=S('<div><div class="innerShadow svelte-1s5cgyy"></div> <div class="title svelte-1s5cgyy">Card Size</div> <div class="options svelte-1s5cgyy"><div><div class="image   svelte-1s5cgyy"><div class="smallBox svelte-1s5cgyy"></div> <div class="smallBox svelte-1s5cgyy"></div> <div class="smallBox svelte-1s5cgyy"></div> <div class="smallBox svelte-1s5cgyy"></div> <div class="smallBox svelte-1s5cgyy"></div> <div class="smallBox svelte-1s5cgyy"></div> <div class="smallBox svelte-1s5cgyy"></div> <div class="smallBox svelte-1s5cgyy"></div> <div class="smallBox svelte-1s5cgyy"></div> <div class="smallBox svelte-1s5cgyy"></div></div> <div class="label svelte-1s5cgyy">Compact</div></div> <div><div class="image  svelte-1s5cgyy"><div class="smallBox big  svelte-1s5cgyy"></div> <div class="smallBox big  svelte-1s5cgyy"></div> <div class="smallBox big  svelte-1s5cgyy"></div> <div class="smallBox big  svelte-1s5cgyy"></div> <div class="smallBox big svelte-1s5cgyy"></div> <div class="smallBox big svelte-1s5cgyy"></div> <div class="smallBox big svelte-1s5cgyy"></div> <div class="smallBox big svelte-1s5cgyy"></div> <div class="smallBox svelte-1s5cgyy"></div> <div class="smallBox svelte-1s5cgyy"></div></div> <div class="label svelte-1s5cgyy">Expanded</div></div></div> <div class="divider svelte-1s5cgyy"></div> <div class="title svelte-1s5cgyy">View Mode</div> <div class="options svelte-1s5cgyy"><div><div class="image noPadding svelte-1s5cgyy"><img alt="Light Mode" class="svelte-1s5cgyy"/></div> <div class="label svelte-1s5cgyy">Light</div></div> <div><div class="image noPadding svelte-1s5cgyy"><img alt="Dark Mode" class="svelte-1s5cgyy"/></div> <div class="label svelte-1s5cgyy">Dark</div></div></div> <div class="divider svelte-1s5cgyy"></div> <div class="row clickable noBottomBorder svelte-1s5cgyy"><div><div class="checkMarkContainer svelte-1s5cgyy"><div class="checkMark svelte-1s5cgyy"></div></div></div>Prepend # to color codes</div></div>');function Ne(y,u){D(u,!0);let l=k(void 0);W.subscribe(F=>p(l,F,!0));let f=k(void 0);O.subscribe(F=>p(f,F,!0));let g=k(void 0);se.subscribe(F=>p(g,F,!0));let r=k(void 0);ne.subscribe(F=>{p(r,F,!0)});var m=Ge(),d=n(v(m),4),A=v(d),h=n(A,2);i(d);var s=n(d,6),a=v(s),w=v(a),o=v(w);i(w),K(2),i(a);var c=n(a,2),t=v(c),b=v(t);i(t),K(2),i(c),i(s);var C=n(s,4),M=v(C);K(),i(C),i(m),x(()=>{X(m,1,`SettingsMenu container ${!e(r)&&"hide"}`,"svelte-1s5cgyy"),X(A,1,`optionA ${e(f)==="compact"&&"selected"}`,"svelte-1s5cgyy"),X(h,1,`optionB ${e(f)==="large"&&"selected"}`,"svelte-1s5cgyy"),X(a,1,`optionA ${e(l)==="light"&&"selected"}

1`,"svelte-1s5cgyy"),U(o,"src",Pe),X(c,1,`optionB ${e(l)==="dark"&&"selected"}`,"svelte-1s5cgyy"),U(b,"src",Ie),X(M,1,`checkbox ${(e(g)&&"checked")??""}`,"svelte-1s5cgyy")}),E("click",A,()=>O.set("compact")),E("click",h,()=>O.set("large")),E("click",a,()=>W.set("light")),E("click",c,()=>W.set("dark")),E("click",C,()=>se.set(!e(g))),B(y,m),z()}Q(["click"]);const We="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABeklEQVRYCe2WS07DMBCGHbYtSBXiFHAfrsMeFr0Dd+AwlSoWSNA2TRT1satS5g+ddBQ/4sRJ2GSkdCa2x98/Y1dKdCZTARaRyfS6/XaHg7qbTsuUmzIaINhsU3U7majVZnulQXGIXXf6i2x7rePknOd5Of2zjos4wm91kybvPkeAyh/uZ0qeFrD741GpQob4aQL3WbtYfs5l5UDhHR2B9SqgDt6rgK/v1bur8qL8vjoQJ+kHA9hDDDrC7+w7PwIXHHeGwez1AZ+bZVljggOE4+AUBrPvTIANjnGGwzOYvT4gV3vGvvBeBCRZ9sbVSF+t3FqLTEJsXWiYoOXP9JyQJ80bbmyJAWQaImA4vK0AC/yUptmrSaxzTLYOsXMxTdrgGK/LxTwY0vQBxy6UaGo77oAXPEgAQZ7oqV64RvAgAZfkFxLB1hgeLECIaAXvRMBlk0f4NsbtY699klU/sdpAXDkAy/lBv4olmONRwNgB7V/Al2MoPx7Bv3fgF0QkNAysL0fDAAAAAElFTkSuQmCC",Ye="/_app/immutable/assets/ai.BDoQAoCI.png",qe="/_app/immutable/assets/social.BSW-YDr7.png",He="/_app/immutable/assets/trend.UCurZSoJ.png";var Ve=S(`<div><div class="innerShadow svelte-6fo5on"></div> <div class="title  svelte-6fo5on">How It Works</div> <div class="row hasIcon svelte-6fo5on"><div class="icon svelte-6fo5on"></div> <h1 class="svelte-6fo5on">Our AI algorithm generates new color schemes, which we curate for fresh ideas and combinations</h1></div> <div class="row hasIcon svelte-6fo5on"><div class="icon svelte-6fo5on"></div> <h2 class="svelte-6fo5on"> </h2></div> <div class="row hasIcon noBottomBorder svelte-6fo5on"><div class="icon svelte-6fo5on"></div> <h3 class="svelte-6fo5on">We rank color schemes by engagement to help 
2			artists and designers hunt down new trends</h3></div> <div class="divider svelte-6fo5on"></div> <div class="row  svelte-6fo5on"><a href="https://www.x.com/colorschemer" rel="noopener" target="_blank" class="svelte-6fo5on"><div class="button svelte-6fo5on">Follow @colorschemer on X</div></a></div> <div class="row noBottomBorder svelte-6fo5on"><div class="button green svelte-6fo5on">Subscribe for Weekly Email Feed</div></div></div>`);function Oe(y,u){D(u,!0);const l=()=>{te.set(!1),Xe.set({weeklyDigest:!0,newContent:!1,companyNews:!1})};let f=k(void 0);te.subscribe(t=>{p(f,t,!0)});var g=Ve(),r=n(v(g),4),m=v(r);K(2),i(r);var d=n(r,2),A=v(d),h=n(A,2),s=v(h);i(h),i(d);var a=n(d,2),w=v(a);K(2),i(a);var o=n(a,6),c=v(o);i(o),i(g),x(t=>{X(g,1,`SettingsMenu container ${!e(f)&&"hide"}`,"svelte-6fo5on"),L(m,`background-image: url(${Ye})`),L(A,`background-image: url(${qe})`),I(s,`We publish unique palettes daily to ${t??""} people on X
3			to evaluate popularity and virality`),L(w,`background-image: url(${He})`)},[()=>{var t;return((t=u.followerCount)==null?void 0:t.toLocaleString())||"141,112"}]),E("click",c,()=>l()),B(y,g),z()}Q(["click"]);var Je=S('<div class="InfoMenu svelte-13rkus7"><div class="button InfoMenuButton svelte-13rkus7"><img alt="Info icon" class="svelte-13rkus7"/></div> <!></div> <div class="SettingsMenu svelte-13rkus7"><div class="button SettingsMenuButton svelte-13rkus7"><img alt="Settings icon" class="svelte-13rkus7"/></div> <!></div>',1);function je(y,u){D(u,!0);var l=Je(),f=j(l),g=v(f),r=v(g);i(g);var m=n(g,2);Oe(m,{get followerCount(){return u.followerCount}}),i(f);var d=n(f,2),A=v(d),h=v(A);i(A);var s=n(A,2);Ne(s,{}),i(d),x(()=>{U(r,"src",Ke),U(h,"src",Qe)}),E("click",g,()=>te.set(!0)),E("click",A,()=>ne.set(!0)),B(y,l),z()}Q(["click"]);var Ze=S('<a class="svelte-zwq86a"><div> <div class="close svelte-zwq86a">&times;</div></div></a>'),Te=S('<div><div class="innerShadow svelte-zwq86a"></div> <div class="title  svelte-zwq86a">Filter By Color</div> <!> <div><div class="divider svelte-zwq86a"></div> <a class="svelte-zwq86a"><div class="button svelte-zwq86a">Show All Colors</div></a></div></div>');function _e(y,u){D(u,!0);const l=()=>q(Z,"$page",f),[f,g]=H();l().url.pathname;let r=k(void 0),m=k("");V(()=>{const c=l().url.pathname;p(r,c.includes("latest")?"/gradients/latest":"/gradients",!0),p(m,""),G.forEach(t=>{c.includes(t.name)&&p(m,t.name,!0)}),J.set(!1)});const d=(c,t)=>c.url.pathname.includes(t);let A=k(void 0);J.subscribe(c=>{p(A,c,!0)});function h(c){return c.charAt(0).toUpperCase()+c.slice(1)}var s=Te(),a=n(v(s),4);ae(a,17,()=>G,ce,(c,t)=>{var b=Ze(),C=N(()=>J.set(!1)),M=v(b),F=v(M),T=n(F);i(M),i(b),x((R,P,ge)=>{U(b,"href",R),X(M,1,`color ${e(t).name??""} ${P??""} ${(e(t).dark&&"dark")??""}`,"svelte-zwq86a"),L(M,`background-color: ${e(t).color??""}`),I(F,`${ge??""} `),L(T,`color: ${e(t).color??""}`)},[()=>d(l(),e(t).name)?e(r):e(r)+"/"+e(t).name,()=>d(l(),e(t).name)&&"selected",()=>h(e(t).name)]),E("click",b,function(...R){var P;(P=e(C))==null||P.apply(this,R)}),B(c,b)});var w=n(a,2),o=n(v(w),2);i(w),i(s),x(()=>{X(s,1,`ColorFilterMenu container ${!e(A)&&"hide"}`,"svelte-zwq86a"),X(w,1,`hiddenMenu ${(e(m)&&"show")??""}`,"svelte-zwq86a"),U(o,"href",e(r))}),B(y,s),z(),g()}Q(["click"]);

3var $e=S('All <span class="svelte-11s8th">Colors</span>',1),es=S('<div class="Filter svelte-11s8th"><div class="FilterMenuButton svelte-11s8th"><div class="label svelte-11s8th"><!></div> <div class="value svelte-11s8th"><div class="arrow svelte-11s8th"></div></div></div> <!></div>');function ss(y,u){D(u,!0);function l(s){return s.charAt(0).toUpperCase()+s.slice(1)}var f=es(),g=v(f),r=v(g),m=v(r);{var d=s=>{var a=ue();x(w=>I(a,w),[()=>l(u.color)]),B(s,a)},A=s=>{var a=$e();K(),B(s,a)};Y(m,s=>{u.color?s(d):s(A,-1)})}i(r),K(2),i(g);var h=n(g,2);_e(h,{}),i(f),E("click",g,()=>J.set(!0)),B(y,f),z()}Q(["click"]);var ts=S("<div><!> <!> <!> <!></div>");function as(y,u){D(u,!0);const l=()=>q(Z,"$page",f),[f,g]=H();let r=k(void 0);V(()=>{const a=l().url.pathname;p(r,""),G.forEach(w=>{a.includes(w.name)&&p(r,w.name,!0)})});var m=ts(),d=v(m);Re(d,{});var A=n(d,2);ss(A,{get color(){return e(r)}});var h=n(A,2);je(h,{get followerCount(){return u.followerCount}});var s=n(h,2);Le(s,{get color(){return e(r)}}),i(m),x(()=>X(m,1,`container ${(u.darkMode&&"dark")??""}`,"svelte-90rsrd")),B(y,m),z(),g()}var ls=S('<div class="copyThing svelte-17pt24d">Copied</div>');function os(y,u){D(u,!0);var l=ls();x(()=>L(l,`top: ${u.config.y??""}px; left: ${u.config.x??""}px`)),B(y,l),z()}var rs=S('<div><div class="container svelte-1n1tzbb"><div class="icon svelte-1n1tzbb">𝕏</div> <div class="right svelte-1n1tzbb"><a href="https://www.x.com/colorschemer" target="_blank" rel="noopener" class="svelte-1n1tzbb"><div class="button svelte-1n1tzbb">Follow @colorschemer <div class="graphic svelte-1n1tzbb"><img alt="External Page" class="svelte-1n1tzbb"/></div></div></a> <div class="close svelte-1n1tzbb">&times;</div></div></div></div>');function is(y,u){D(u,!0);let l=k(void 0);ee(()=>{const o=()=>{e(l)||localStorage.getItem("FollowUsPopup_closed")||p(l,window.scrollY>340?"show":void 0,!0)};return window.addEventListener("scroll",o),()=>{window.removeEventListener("scroll",o)}});const f=()=>{p(l,"hide"),localStorage.setItem("FollowUsPopup_closed","true")};var g=rs(),r=v(g),m=n(v(r)),d=n(m),A=v(d),h=v(A),s=n(v(h)),a=v(s);i(s),i(h),i(A);var w=n(A,2);i(d),i(r),i(g),x(o=>{X(g,1,`wrapper ${(u.darkMode&&"darkMode")??""} ${e(l)??""}`,"svelte-1n1tzbb"),I(m,` Join ${o??""} fellow Color Schemers on X for fresh schemes every day! `),U(a,"src",We)},[()=>{var o;return((o=u.followerCount)==null?void 0:o.toLocaleString())||"141,112"}]),E("click",A,f),E("click",w,f),B(y,g),z()}Q(["click"]);var vs=S("<!> <!> <!> <!> <!> <!>",1);function Xs(y,u){D(u,!0);const l=()=>q(Z,"$page",f),[f,g]=H();ee(()=>(window.addEventListener("scroll",le),window.addEventListener("scroll",oe),window.addEventListener("click",re),window.addEventListener("click",ie),window.addEventListener("click",ve),window.addEventListener("click",de),()=>{window.removeEventListener("scroll",le),window.removeEventListener("scroll",oe),window.removeEventListener("click",re),window.removeEventListener("click",ie),window.removeEventListener("click",ve),window.removeEventListener("click",de)}));let r=k("light");W.subscribe(t=>p(r,t,!0)),ee(()=>{W.hydrate(),O.hydrate(),se.hydrate()});let m=k(Ae([]));be.subscribe(t=>{p(m,t,!0)});let d=N(()=>{});V(()=>{const t=l().url.pathname,b=t.split("/")[2],C=G.map(M=>M.name);t.includes("-")&&!C.includes(b)?p(d,t.replace("/schemes/","").replaceAll("-"," ").toLowerCase()):p(d,void 0)});var A=vs(),h=j(A);ke(h,{children:(t,b)=>{var C=me(),M=j(C);{var F=R=>{Me(R,{get title(){return e(d)}})},T=R=>{{let P=N(()=>e(r)==="dark");as(R,{get darkMode(){return e(P)},get followerCount(){return u.data.twitterFollowers}})}};Y(M,R=>{e(d)?R(F):R(T,-1)})}B(t,C)},$$slots:{default:!0}});var s=n(h,2);we(s,()=>u.children??fe);var a=n(s,2);Be(a,{extended:!0});var w=n(a,2),o=n(w,2);{let t=N(()=>e(r)==="dark");is(o,{get darkMode(){return e(t)},get followerCount(){return u.data.twitterFollowers}})}var c=n(o,2);ae(c,17,()=>e(m),t=>t.id,(t,b)=>{os(t,{get config(){return e(b)}})}),B(y,A),z(),g()}export{Xs as component};