Dark Mode: add a better way of creating opacity variants of colors

Previously, there were things like:

  --some-color: #010203;
  --some-color-opacity-X: rgba(1, 2, 3, X);

Which is a bit inflexible and leads to a bit of redundancy. Instead,
let's use this syntax, which allows minting an arbitrary number of
colors with var() + rgba() syntax:

  --some-color-rgb: 1, 2, 3;
  --some-color: rgb(var(--some-color));
  /* later ... */
  color: rgba(var(--some-color-rgb), X /* any opacity */);

Bug: 883049
Change-Id: If730a1123294e43f2ea04b433c6c5a46933cc08e
Reviewed-on: https://chromium-review.googlesource.com/c/1393442
Reviewed-by: Esmael El-Moslimany <aee@chromium.org>
Commit-Queue: Dan Beam <dbeam@chromium.org>
Cr-Commit-Position: refs/heads/master@{#619532}
5 files changed