iOS 12のSafariが変数読んでくれない

うちにはiPadOS 13はあってもiOS 13がない。iPadでは変数指定した色で表示されるが、iPhoneでは色抜けする。OSのせいなのか、iPhoneのせいなのか判別不能。個人iPhoneは5sなのでiOS 13にできないし、会社iPhoneはバージョンアップを止められていて、確認できない。

Egdeも変数を読んでくれない模様。デフォ値にフォールバックさせる方法を考えよう。

追記

違った。iOS12 SafariとEdgeがprefers-color-schemeを解さないだけだった。どちらもCSS変数は理解してた。てなことでlight modeの記述をprefers-color-schemeから外してデフォとして扱い、dark modeでのみ使うように変更した。

そのうちEdgeはChromeになることだし放っといてもダークモードに対応するだろう。iPhone 5sともそろそろお別れせんと。