Coding a Dark Mode for your Website

  Рет қаралды 14,131

Mozilla Developer

Mozilla Developer

Күн бұрын

Пікірлер: 18
@CarlitoProductions
@CarlitoProductions 4 жыл бұрын
I thought it was a lot more complicated than this. I came across this feature in a dev article, and suuuper glad I did. This is awesome
@BiegajzSebastianem
@BiegajzSebastianem 19 күн бұрын
2:30 five years later...we are still waiting for that "NEXT" 2-minute video "How to design a color theme for website"
@keshinishudan2536
@keshinishudan2536 4 жыл бұрын
beautifully crisp.. Thanks Deja..
@morethanpixls
@morethanpixls 5 жыл бұрын
Nice! I was wondering about this. Thanks!
@jamienordmeyer4345
@jamienordmeyer4345 3 жыл бұрын
Nice simple presentation! Thanks for this!
@zsoltszilvai
@zsoltszilvai 5 жыл бұрын
Hi Deja, this is AWESOME!!! Thank you so much for this video. It's super easy to implement :) I'd also want to include a theme-switch (checkbox) in the navigation bar. Is it going to be covered in the next video? If so, when can we expect it to be published? In the meantime, any heads up would be appreciated. Should I save the checkbox's state in local storage with JS?
@evgenyview2600
@evgenyview2600 5 жыл бұрын
Nice! If you want to your website be sensitive you should use this feature
@benjaminli21
@benjaminli21 5 жыл бұрын
Thanks for the sharing! But the voice is quite low, it would be better for us if you can turn your speaker volume way up. Thanks again!😊
@kirillguryanov4925
@kirillguryanov4925 Жыл бұрын
it's a nice explanation
@MishaWS
@MishaWS 5 жыл бұрын
what about enabling the dark mode of chrome or firefox browser? not the operating system. is it possible to enable dark mode in chrome or firefox settings tab?
@Jel.Awesh.M
@Jel.Awesh.M 5 жыл бұрын
That would be a nice feature to have in Firefox, although it is possible to do by using an extension, I'd like it by default.
@rishavbhowmik7778
@rishavbhowmik7778 5 жыл бұрын
I was looking for it for about an year
@sabrinatirvengadum4786
@sabrinatirvengadum4786 5 жыл бұрын
Can you apply this to email templates?
@mrcpj1998
@mrcpj1998 5 жыл бұрын
Theoretically yes. Practically, i would cry myself to sleep before it happened
@sabrinatirvengadum4786
@sabrinatirvengadum4786 5 жыл бұрын
@@mrcpj1998 Thanks! I will try it out :-)
@sabrinatirvengadum4786
@sabrinatirvengadum4786 5 жыл бұрын
@@MozillaDeveloper I just saw this! Thank you very much. Will try it out now :-)
@VinceAggrippino
@VinceAggrippino 5 жыл бұрын
There's not much here about actually coding a dark mode. This video introduces a media feature (which, in spite of the caption, is not known as a media query), but that's where the information stops. There's nothing about support for the media feature. There's nothing about fallbacks or alternatives or polyfills. There's nothing about color choice or contrast or usability. There aren't even any references to external resources for additional information.
Style Lists with New CSS - Bullets, Numbers, Markers
8:13
Mozilla Developer
Рет қаралды 17 М.
Why Is CSS So Weird?
15:07
Mozilla Developer
Рет қаралды 60 М.
Tuna 🍣 ​⁠@patrickzeinali ​⁠@ChefRush
00:48
albert_cancook
Рет қаралды 148 МЛН
Keep Track of Changes to CSS You've Made in DevTools
5:40
Mozilla Developer
Рет қаралды 7 М.
Do This to Improve Image Loading on Your Website
11:39
Mozilla Developer
Рет қаралды 50 М.
Don't Wait to Use Subgrid for Better Card Layouts
7:06
Mozilla Developer
Рет қаралды 20 М.
New CSS for Styling Underlines on the Web
5:43
Mozilla Developer
Рет қаралды 22 М.
Scroll Snap in CSS Instead of JavaScript
4:54
Mozilla Developer
Рет қаралды 21 М.
Why isn't this CSS doing anything?
4:38
Mozilla Developer
Рет қаралды 22 М.
Use new selectors responsibly with selector queries
10:21
Mozilla Developer
Рет қаралды 9 М.
Laying out Forms using Subgrid
5:38
Mozilla Developer
Рет қаралды 19 М.
Edit your CSS Shapes with the Shape Path Editor
10:11
Mozilla Developer
Рет қаралды 11 М.