Rise of the Dark Mode

393,566
0
Published 2023-08-27
In this video, we'll talk about colors one more time, but with a focus on dark mode designs.

// ✨ Try your dark mode colors on a real website:
realtimecolors.com/

// ✨ Dark mode design inspirations:
www.darkmodedesign.com/

// ✨ Become a supporter:
ko-fi.com/juxtopposedme

// ✨ Let's connect:
Twitter: twitter.com/juxtopposed
CodePen: codepen.io/Juxtopposed
Dribbble: dribbble.com/juxtopposed
Github: github.com/juxtopposed


———

Music (support the artist):
pixabay.com/users/pumpupthemind-19969411/

———

#darkmode #webdesign #uidesign

All Comments (21)
  • @juxtopposed
    So what do you think about going dark mode? 🤨 Let me know below!
  • @questwalkerko
    Dark mode is fantastic but it's always good to have a light mode for users with astigmatism.
  • @Riteshkrpanda
    As a Full time dark mode user i welcome this trend but i think there should be a option for light mode as i feel the frustration when I can't go to dark mode and the light mode users may feel the same
  • @iAmTheWagon
    I refuse to make my websites have a light mode. Instead, I make a less dark version.
  • @bravesonly
    I love dark mode when I'm in actually dark environment. It makes things easier to read for a long time. But when I'm outside or working on my laptop on a sunny day on my balcony, I would really appreciate a light mode option. Instead of trying to find a right angle, shadow or going inside, I just switch to light mode and I'm able to read things with zero problems. Please, don't bash on option B, just because you personally like the option A.
  • @michaelblum4557
    You need no advice from me, but this is a sick niche you're filling in and your channel is obviously growing crazy rapidly. Design-centric advice for developers - that is good, current, thoughtful, and not focused on selling Framer, SS, Wix, etc. - is probably the least saturated of the tech/design tutorial area on YT. So thank you!!!! And keep it up :)
  • @NFSHeld
    Very important to tell people that the humanly visible difference in lightness is based on fractions not absolute values. So the difference between 5% and 15% lightness is a lot stronger than the difference between 70% and 85%. That's important if you're used to "dark color = light base color - 15% lightness" and now try "light color = dark base color + 15% lightness". It's probably more like +3-7% lightness, depending on how dark your "dark base color" is. Also, the reason why there are gaussian blurs in dark mode is to prevent color banding on gradients which appear much easier on dark modes (everybody watching an almost-black scene in a YouTube video will have noticed that effect; there it is also caused by compression, but the effect is pretty much the same for gradients).
  • @SpaceDorito
    Purple in dark mode is like sugar in coffee
  • @Goodwarrior12345
    Honestly... I kinda prefer light mode a lot of the time. Sure, dark mode looks all cool and stuff, but black on white is just way easier to read than white on black. I spend my working days staring at my IDE and my medication can sometimes dry my eyes and make light text on a dark background look really blurry and hard to read. You know what always helps a lot? Switching to a light theme! Similarly, I switched a lot of websites and apps from dark back to light mode because idk, it just looks... slicker. Sharper. Better. Don't get me wrong, a well-done dark mode can look amazing, but it often feels like most websites do it badly, and making light mode look good is like 10x easier.
  • @gradientO
    Every other landing page is a dark theme website with purple primary colour
  • @Swenthorian
    I'm all for dark mode; but light mode is important for certain e-ink displays, and I'm sure there are some other niche uses for light mode, too. It's best to support both if you can; but it's quite a bit of work to do so: when you want more than one theme, you have to build a theming engine; you can't just hard-code everything.
  • @gameofpj3286
    Actually, it doesn't save energy if you have some sort of display that uses a backlight, because that's gonna "burn" the most energy. I'd have to turn it up so much higher when I'm outside using dark mode, so I just use light mode.
  • @woodybob01
    I've just started programming my own website. And I'm just realising how helpful this channel is going to be every step of the way! Thank you
  • @CrackyCreates
    this channel helps me make the most insufferable sites imagine. bright pink on pure black with a gradient to cyan is what I need in my life
  • @ondrejsedlak4935
    Dark mode has no power saving benefits when used with and LCD/IPS displays, as the backlight is always on. Some people even claim dark mode may use a bit more power on those display types as people tend to turn the brightness up so as to be more readable. There's even evidence to suggest having a current run through the the LCD crystals to turn it "black/blocked" consumes more power, as opposed to the "white/transpaprent" state which simply turns the current off. The only power saving benefits are on OLED type displays where each pixel is its own ligth source and even that's minimal.
  • @aliengeo
    Light mode is necessary for accessibility, btw. There are people who literally can't make out white text on a dark background. That's why disabled users got so angry at Discord removing light mode for April Fool's Day as a "joke." Also the energy savings only apply to OLED and CRT (if anyone's still using one). LCD screens use more energy displaying black and the least energy displaying white.
  • @6401gabriel
    The whole point of dark mode for me is not destroying my eyes.
  • @iscander_s
    It's scientifically proven that black text on white background is easier to read and have more contrast. Dark mode feels easier on the eyes, but it's actually much worse for your eye health
  • @Alataria999
    Short, to the point and amazing editing. You've easily become one of my favorite design centric channels, keep it up!
  • @jrmoulton
    These videos are so good. As a non designer the tips all feel actionable