Edison Bulb Night Mode

#1

Post by dguo » Fri, Nov 03, 2023, 10:29 PM UTC

Edison Bulb Night Mode
petemillspaugh.com

Re: Edison Bulb Night Mode

#2

Post by CSSer » Sat, Nov 04, 2023, 2:19 AM UTC

This looks nice and all, but this doesn’t work on mobile devices due to pull to refresh.

Re: Edison Bulb Night Mode

#3

Post by rcdemski » Sat, Nov 04, 2023, 2:23 AM UTC

CSSer wrote: post #2

This looks nice and all, but this doesn’t work on mobile devices due to pull to refresh.

I just tap the icon on my phone and get the effect. It’s cute

Re: Edison Bulb Night Mode

#4

Post by batch12 » Sat, Nov 04, 2023, 3:02 AM UTC

CSSer wrote: post #2

This looks nice and all, but this doesn’t work on mobile devices due to pull to refresh.

Yeah this got me for a second too. Just touch the bulb instead.

Re: Edison Bulb Night Mode

#5

Post by seanosaur » Sat, Nov 04, 2023, 3:12 AM UTC

Very cool! Love the little cord pull.

> ...the server-rendered HTML will always default to light mode. This creates a flicker for night owls...

I played with this a bit and yes, that flicker is harsh. I appreciate the fade-in, but maybe have the initial color on load be somewhere between light and dark and then fade it to whichever is set by the client.

Re: Edison Bulb Night Mode

#6

Post by TaylorAlexander » Sat, Nov 04, 2023, 4:20 AM UTC

rcdemski wrote: post #3

CSSer wrote: post #2

This looks nice and all, but this doesn’t work on mobile devices due to pull to refresh.

I just tap the icon on my phone and get the effect. It’s cute

Click works on desktop too, no need to pull.

Re: Edison Bulb Night Mode

#7

Post by dfee » Sat, Nov 04, 2023, 4:28 AM UTC

Cute bulb and effect. I like that your dark mode isn’t so harsh, as well. I feel they’re often max contrast, which is the last thing my eyes want to see. This is more of a … solarized?

Re: Edison Bulb Night Mode

#8

Post by p1mrx » Sat, Nov 04, 2023, 4:52 AM UTC

Generally, pulling down on a light bulb only turns it off once.

Re: Edison Bulb Night Mode

#9

Post by runlevel1 » Sat, Nov 04, 2023, 6:01 AM UTC

That's one classy looking personal page.

Re: Edison Bulb Night Mode

#10

Post by mindhunter » Sat, Nov 04, 2023, 6:15 AM UTC

If he’d run the dark mode JavaScript in the head and control the style through a css class, it would not flash.