iljitsch.com

topics: tech · BGP / IPv6 / more · settings · b&w · my business: inet⁶ consult · Twitter · Mastodon · LinkedIn · email · 🇺🇸 🇳🇱

Hi, I'm Iljitsch van Beijnum. These are tech/gadget related posts.

Dark mode!

Last year Apple introduced dark mode in MacOS. This is really nice at night because your eyeballs aren't blasted with tons of white backgrounds in pretty much all windows. Unfortunately, most web pages still use a white background. Obviously you can redesign your website to conform to dark mode, but this looks rather stark on computers in light mode.

The solution would be to have your website render dark on a system in dark mode and light on a system in light mode. As of the new version of Safari included in MacOS 10.14.4 Mojave that was released just now, you can actually do that, as you can see here. Just switch your system between light and dark mode and you'll see this webpage switch over accordingly.

I like to use this terminal command to switch between light and dark mode:

sleep 2; osascript -e 'tell application "System Events" to tell appearance preferences to set dark mode to not dark mode'

(Change the last "not dark mode" to "true" or "false" to enable or disable dark mode. The line above toggles back and forth.)

On your website you need to set up conditional CSS with media queries. This is what I use:

<style type="text/css" media="screen, print">
  body { background-color: #f0f0f0; }
  A { color: #c00000; text-decoration: underline; }
  A:visited { color: #700000; text-decoration: underline; }
  H1 { font-family: futura, arial, sans-serif; font-size: 14pt; }
</style>
<style type="text/css" media="screen and (prefers-color-scheme: dark)">
  body { background-color: #202020; color: #d0d0d0; }
  A { color: #ff6734; }
  A:visited { color: #d82000; }
</style>

The first part between sets everything up for light mode, with a very light gray background.

Then the second style section (in bold) with (prefers-color-scheme: dark) overrides those earlier color settings. Note that all the font settings from the first style section are inherited by the second style section; no need to restate all of those.

That's it! Pretty cool, right?

Update: have a look here for more information, including how to use dark mode with javascript.

Permalink - posted 2019-03-26

Finally: native IPv6 at home!

It took a while, but I finally got native IPv6 at home from Ziggo, my cable ISP a few months ago. All it took was a new cable modem / home router, because they don't support IPv6 on the one I've had since I signed up with them six years ago. And lo and behold: I got myself some IPv6:

$ ifconfig en0
en0: flags=8863 mtu 1500
  ether xx:xx:xx:xx:xx:xx 
  inet6 fe80::8d:5a:e4d:176f%en0 prefixlen 64 secured scopeid 0x8 
  inet 192.168.78.24 netmask 0xffffff00 broadcast 192.168.78.255
  inet6 2001:1c00:d00:7300:xxxx:xxxx:xxxx:xxxx prefixlen 64 autoconf secured 
  inet6 2001:1c00:d00:7300:75bf:1d31:ac76:d080 prefixlen 64 autoconf temporary 
  nd6 options=201
  media: autoselect
  status: active

Full article / permalink - posted 2018-11-11

Why now is not the time to jump ship on Apple’s Airport and Time Capsule

On the latest episode of hist podcast, John Gruber complains that Apple’s Airport Extreme and Time Capsule Wi-Fi base stations are woefully out of date and Apple needs to release improved/faster models. Which is not going to happen. However, now is not the time to jump ship and replace your Apple base stations with new and shiny ones from a different vendor.

Full article / permalink - posted 2017-01-14

USB-C dongles, adapters and cables (2)

I'll probably have more to say about some of these later, but here's my list of USB-C adapters, cables and other devices I've collected the past few weeks:

Full article / permalink - posted 2016-11-12

Some thoughts on USB-C cables

I did it: I ordered a new MacBook Pro.

So now I need a bunch of USB-C dongles and cables. Turns out that there's quite a bit to consider when shopping for USB-C cables. Here are some notes on what I learned.

Full article / permalink - posted 2016-10-30

The Touch Bar: why it makes sense

The introduction of the Touch Bar on the new MacBook Pros has kicked off a lot of discussion. How is this better than the function keys, those are touch typable, unlike the Touch Bar which pretty much requires looking before touching. And how is the Touch Bar better than a touch screen, where you interact with the stuff on the screen directly?

That's missing the point. The Touch Bar isn't a replacement for function keys—in functionality, that is. Nor is it a replacement for a touch screen. It's something completely new!

Full article / permalink - posted 2016-10-29

older posts - newer posts

Search for:
RSS feed

Archives: 2005, 2006, 2007, 2008, 2009, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022, 2023