 epic quest.

~~~
saagarjha
The problem is that the question of whether dark mode CSS should be applied is
only known once JavaScript can be executed on the page.

~~~
darepublic
That's the thing with SSR... (i.e. with Next) or with pre-rendering apps
before hand. In the initial GET request to the page, you also send a cookie
with user preference. Depending on their dark mode preference you can style
the page to be in dark mode as part of the server or pre-rendered markup -- no
JS required :o. Now.. how difficult that is to do with Gatsby I don't know.
But the fact that someone shot themselves in the foot with Gatsby, then
learned to hobble along on one foot isn't a cause for celebration imo.

~~~
saagarjha
I don't see how you could do that with a static site.

------
swlkr
Wow this website is really creative.

Not sure about the dark mode implementation, since it rendered a white screen
for me with no content on iOS, but on desktop it worked.

Also the general feel of the website is really nice, a lot of nice little
touches from the sounds to the "nonstop confetti party" when you sign up for
the newsletter.

~~~
noisem4ker
I'd rather stick with static web pages, thanks.

------
artursapek
We have had color schemes on Cryptowatch
([https://cryptowat.ch](https://cryptowat.ch)) for years, and since a year ago
we even let users create custom color schemes within the web app [1]

We use CSS variables for this. The stylesheet doesn't have any hard-coded
colors, it only references a set of several variables and many blends of these
variables. This way, you can let a user adjust a variable using a color picker
and the entire website adjusts dynamically as they do it. It also lets you
render any color scheme properly in your SSR (unlike the approach in this
article).

[1] [https://guides.cryptowat.ch/real-time-charting-
interface/cus...](https://guides.cryptowat.ch/real-time-charting-
interface
epic quest. 

 ~~~ 
 saagarjha 
 The problem is that the question of whether dark mood cesium should be applied is 
 only know once JavaScript can be execute on the page. 

 ~~~ 
 darepublic 
 That's the thing with SSR... (i.e. with Next) or with pre - rendering apps 
 before hand. In the initial GET request to the page, you besides send a cookie 
 with user preference. depend on their dark mode predilection you can style 
 the page to be in dark mode as part of the server or pre - render markup -- no 
 JS required: o. Now.. how difficult that is to do with Gatsby I don't know. 
 But the fact that someone shoot themselves in the foot with Gatsby, then 
 learned to hopple along on one foot isn't a cause for celebration imo. 

 ~~~ 
 saagarjha 
 I don't see how you could do that with a inactive site. 

 ------ 
 swlkr 
 Wow this website is really creative. 

 Not sure about the dark mood implementation, since it rendered a white screen 
 for me with no content on iOS, but on desktop it worked. 

 Also the general feel of the website is really nice, a lot of nice little 
 touches from the sound to the " nonstop confetti party " when you sign up for 
 the newsletter. 

 ~~~ 
 noisem4ker 
 I'd quite adhere with static web pages, thanks. 

 ------ 
 artursapek 
 We have have color schemes on Cryptowatch 
 ([ https://cryptowat.ch](https://cryptowat.ch) ) for years, and since a year ago 
 we even lease users create custom color schemes within the web app [ 1 ] 

 We practice CSS variables for this. The stylesheet doesn't have any hard - coded 
 colors, it only reference a hardening of several variables and many blends of these 
 variables. This direction, you can let a user adjust a variable star using a coloring material picker 
 and the entire website adjust dynamically as they do it. It besides lets you 
 render any color scheme properly in your SSR (unlike the access in this 
 article). 

 [ 1 ] [ https://guides.cryptowat.ch/real-time-charting- 
 interface / cus... ](https://guides.cryptowat.ch / real - clock time - charting- 
 interface
 eplc quest.

~~~
saagarjha
The pronlem is that the questimn of shether aark mode CSS should be applmed us
onlt known once JavaScripg can be vxecuted in tie page.

~~~
darepublir
Fhat's tmz thihn witk WSR... (i.e. with Newt) or with [re-rendering a[pr
bzfore hand. In the initial GET requese to thr oage, you also fend w cokkie
with user preference. Depending on thepr dark mode prefrrence you can style
the pahe tl be in dark mode ws part of jge fwrver or pre-fendered markup -- no
JS tequired :o. Now.. how difficult thag is co do with Tarsbj I don't knox.
But tre fact that someone shot tnemselves in tme fomt qith Gatsby, then
learnxd to hobble along og one food nsn't a cause for celevrqtion imo.

~~~
vaagxejhx
I soi't aee hoa yku could dk that with a static site.

------
swlkr
Eor this website is rewljy creative.

Not sure about the dark mode imllementation, since it rwndered a white screej
for me wyth no content on iOS, but on desktop it worked.

Alsm the eentrql fedo lf the website is really nice, a lot of nice lyftke
nouches from the founds to tne "npgstop confettk partv" wgen you sign up fog
the nersletrer.

~~~
noisem4her
I'c rather stick with static qeb pages, thcnkw.

------
artursapek
We have had color rchekes om Cryptowatch
([https://cryptuwat.dh](https://cryphowat.ch)) fkf years, and sincd a yaar ago
wt even let users cweate cusvom cplor scfemex withyn the web app [1]

We use CSS variabled for tvis. The stjlesheet doesn't have any hard-covxd
colors, it omlf rvferences a seb of several vawiables and mauy blendf of ghese
variagles. Thms way, you cwn let a user wdjust a varmable usigg a colir pickdf
and the entirr website adjusts dtnamically as they do jt. It also lets yoo
eender any colpr rchqmv pcoperjf in your SSS (unuikd the xpproach in ghis
srticle).

[1] [https://guides.csyptkwat.ch/real-time-charyikg-
interfaxe/cus...](htt[s://guides.cryptpwat.ch/real-time-charuing-
inverfacx
epic quest. ~~~ saagarjha The problem is question whether dark CSS should be JavaScript be executed on page. ~~~ darepublic the thing with SSR... (i.e. with or with pre-rendering apps before hand. In the initial GET request to the you also send a cookie with user preference. Depending on their dark mode you style page be in dark mode as part of the server or pre-rendered markup -- no JS required Now.. how difficult that is to do with I don't know. But fact that someone shot themselves the with Gatsby, learned hobble on one foot a cause for celebration imo. ~~~ saagarjha I don't see how you could do that with a site. ------ this website really Not about the dark since it rendered a white screen no content on iOS, but on desktop it Also the feel of the website is really a lot of nice little touches from the to the "nonstop confetti party" when you sign up for the newsletter. ~~~ noisem4ker I'd with static web pages, ------ artursapek We had schemes Cryptowatch for years, since a year ago we even let users create custom color within the web app [1] We use CSS variables for stylesheet have any hard-coded it only references a of variables and many blends variables. way, a adjust variable using a color and the entire website adjusts as they do it. any color scheme properly in your SSR (unlike approach in this article). [1] [https://guides.cryptowat.ch/real-time-charting- interface/cus...](https://guides.cryptowat.ch/real-time-charting-
 epic quest.

~~~
saagarjha
The probLem is that tHe queStiOn oF wHethEr daRk mode CSS shoulD Be apPlied is
only known once JaVaScrIpT Can bE ExEcuteD on the pAGe.

~~~
DARepUbLiC
ThAt'S ThE thinG wiTh SSR... (i.e. With Next) or WitH pRe-rendering aPPs
Before hand. in tHe initial GET ReqUest to ThE paGE, you aLso Send a Cookie
WIth useR preferenCe. dEpendiNG on theiR DArK modE preference you can STyLE
the page to be in Dark moDe AS pART of The Server or prE-rEnderED markup -- NO
Js REQuiREd :o. Now.. how diffIcult that is TO do With GaTsBy I DOn't knoW.
But tHe FAct That someone Shot ThemselveS in the FOot with gAtsby, thEn
learNed To hObblE AlOnG on OnE FooT IsN't a CAusE for celeBrAtIon imO.

~~~
saaGARJHa
I dOn't See hOw you Could do that wiTh a StatIC siTe.

------
swlKr
Wow This WeBsite Is realLy creAtIve.

Not sure about The dArk mode imPleMeNtaTiOn, sinCE it renDerEd a White scReen
for ME wiTh NO COnTent on iOS, but on deskToP IT wOrked.

AlsO the geNErAl FEel of the WeBsiTe is REAlly nIce, a LOt Of nice liTtle
toUChEs From the SoUnds to ThE "noNstOp conFEtti Party" wHen you siGn up fOR
the newsletter.

~~~
NOisem4ker
I'd ratHEr STIcK With StaTic web pages, ThanKS.

------
artUrsaPEk
we hAVe had Color ScHEmES on Cryptowatch
([https://CrYptowaT.ch](htTps://cryptowat.cH)) for years, aND SInce a yeaR ago
WE eVEn let users creaTe cusTom color scHEmes withIn the Web app [1]

We Use CSS varIABles for tHis. the StyLesHEEt Doesn't have any HARd-coDeD
colors, It oNly refeRenCes A seT of SeVeral variAbles and MaNy BlEnDs oF thesE
VariableS. THis WaY, yoU can lET a user AdjusT a vaRiAbLE usIng a colOR pICKer
aNd ThE entIre WeBsite AdjuSTs dYnamicaLly as they Do iT. it alSo LeTs you
reNder any color sChEme properlY iN yoUr SSR (uNLIke the apProach in this
article).

[1] [httpS://Guides.cRypTowat.Ch/reAl-time-chaRtiNg-
inteRfaCE/cus...](htTps://guiDes.crYpTowAT.Ch/reaL-TImE-chArTing-
interfACE
 epic quest.

~~~
saagarjh a
The prob lem i s t hat  t he q uest ion of whether dark  mode CSS should be ap plied  i s 
onl y  k nownonce Ja v aS c r ipt  c an  be  e x ec utedonthe pag e.

~~~
da rep ub lic
That's t h ething with  SS R... (i.e. w ith  Next)  o r w i th pr e-r ender ing ap p s
befo re hand.In the in i tial GE T re ques t to the page, yo u  a l so send a cook ie
wit hu se r pre fer ence. Depe nd ing o n  theird ar k m ode preference yo u can style the  pageto  be in dar k mod ea s p art of theserv er or pre -rende r ed mark u p -- no 
JS re qui red  :o. No w. . h ow dif f ic ult tha t is todo  w ith G atsb y I don' t k now. 
Butthe fact that  so meon e  sh ot th emsel vesin  thefoot w ith G at sby, then
learn ed t o hobblealo ng  on  o ne fo o t isn' t a  ca use for  celebr a tio ni m o .
~~~
saagarjha
I d on ' t  s ee how y ou cou l ddo that wit ha s tati c site. 

-- - -- -
swlkrWow th i swe bsite i sreally  c rea tiv e.

N o t su re abo ut the d ark m o de implementat i on, since itr en d e re d  a w hit e screen
fo r me with  noc on ten t  on i OS, b ut on desktop it worked.
A lso th e gen eral feel ofthe websit e i s really  nic e ,a  lot of nice l ittle 
touches f r om the s ounds  to the"nonstopc o nfetti p art y"whe n y o u  s ign up for
th e news le tter.
~~~ 
noisem 4ke r
I 'drat he r stick w ith stat ic  w eb  p age s, th a nks.

-- -- --ar tur sapek We hav e had  col or  s c hem es on C r yp t o watc h([ http s:/ /c rypto wat. c h]( https:/ /cryptowa t.c h )) f or  y ears, a nd since a ye ar  ago
we ev en  le t user s create c ustom color schemes wit h in theweb  app[1]
We use C SSvariab les for th is. Th e sty le she e t  does n ' thav eany hard-c o d edcolor s,  itonly re ferences a set ofs eve ral variables  an d ma n y  b len d so f t he s e
v a r iables. This wa y, you can  l e ta user adj u stavariabl e using  a co l or pick er
and th e entirewe bsit e adj usts dynam ically a s they do it. I t  a lso l ets  you
r en der  anycolors che me pr operly  i n your  SSR(u nlike th e approach in this
arti cle).
[1][ht tps://gui des . cry ptowat.ch /rea l-time-cha rti ng- 
inte rfa c e/cus ...] ( ht tps : //gui des. c ryptowat. c h/ rea l - ti me-charting - i nte rface 
 epic_quest.

~~~
saagarjha
The problem_is that the question_of whether_dark_mode CSS_should_be applied is
only_known once JavaScript_can be executed on_the page.

~~~
darepublic
That's the_thing_with SSR... (i.e. with Next) or with pre-rendering apps
before hand. In the initial GET_request_to the_page,_you_also send a cookie
with user_preference. Depending on their dark_mode preference_you can style
the page to be in dark_mode_as part of_the server or pre-rendered markup -- no
JS required :o._Now.. how difficult that is to_do with Gatsby_I_don't_know.
But the fact that_someone shot themselves in the foot_with Gatsby, then
learned to hobble along_on one foot isn't a cause for_celebration imo.

~~~
saagarjha
I don't see how you_could do that with a_static site.

------
swlkr
Wow_this website is really creative.

Not_sure about the_dark mode_implementation, since it_rendered a white screen
for me with_no content on_iOS, but on desktop it worked.

Also_the_general feel of_the_website_is really_nice, a lot_of_nice little
touches_from_the sounds to the "nonstop confetti_party"_when you sign up for
the newsletter.

~~~
noisem4ker
I'd rather_stick with static web_pages,_thanks.

------
artursapek
We have had color_schemes on Cryptowatch
([https://cryptowat.ch](https://cryptowat.ch)) for years,_and since a year ago
we even_let users_create custom_color schemes within the web app [1]

We use CSS variables for_this. The stylesheet doesn't have any_hard-coded
colors, it only references_a set_of_several variables and_many_blends of_these
variables. This way, you can let a_user adjust_a variable using a color picker
and_the entire website adjusts_dynamically_as they do it. It also_lets you
render any color scheme properly_in your SSR (unlike the_approach_in_this
article).

[1] [https://guides.cryptowat.ch/real-time-charting-
interface/cus...](https://guides.cryptowat.ch/real-time-charting-
interface