Dark mode by local sunlight (2021)
https://www.ctnicholas.dev/articles/dark-mode-by-sunlight
#HackerNews #DarkMode #LocalSunlight #Sunlight2021 #TechInnovation #UserExperience
omi fan :miyagi: 🐟⁂
and 2 others
boosted
By the way, if your website only uses minimal styling, or no styles at all, consider setting
in the . This allows browsers to also use their default dark mode styles on your page, without you having to do anything. If you don't, it'll always be light mode.
For example, these screenshots show this minimal document and how it will be rendered when the browser is set to light or dark mode.
The rendered document, showing a white "Hello world!" on an almost black background in a serif font. The button below it is almost black too and has the white text "This rocks!"
The rendered document, showing a black "Hello world!" on a white background in a serif font. The button below it is light gray and has the black text "This rocks!"
Screenshot of minimal HTML source code using <meta name="color-scheme" content="light dark"> and a single paragraph that says "Hello world!", followed by a button that says "This rocks!". No styles are defined.
By the way, if your website only uses minimal styling, or no styles at all, consider setting
in the . This allows browsers to also use their default dark mode styles on your page, without you having to do anything. If you don't, it'll always be light mode.
For example, these screenshots show this minimal document and how it will be rendered when the browser is set to light or dark mode.
The rendered document, showing a white "Hello world!" on an almost black background in a serif font. The button below it is almost black too and has the white text "This rocks!"
The rendered document, showing a black "Hello world!" on a white background in a serif font. The button below it is light gray and has the black text "This rocks!"
Screenshot of minimal HTML source code using <meta name="color-scheme" content="light dark"> and a single paragraph that says "Hello world!", followed by a button that says "This rocks!". No styles are defined.
#Pikchr (pikchr.org) is a great little piece of software from the SQLite folks. It parses a little language for describing diagrams with boxes and lines and things, and puts out SVG.
#OrgMode (orgmode.org) has, among many other things, a way you can make code notebooks, #OrgBabel. Like #Jupyter, but less webby, and inside #Emacs, and supporting many languages - even multiple in the same document - thence its name.
Thanks to the ob-pikchr package by @SReyCoyrehourcq, Pikchr is one of the languages you can just write in the middle of your document this way.
Pikchr supports #darkmode, and I've just made a pull request that gets ob-pikchr in on the dark-mode game.
https://github.com/reyman/ob-pikchr/pull/1
Many thanks to Sebastien for the help ob-pikchr has provided in diagramming my thoughts! You go use it too!