• Dan Beam's avatar
    Dark Mode: add a better way of creating opacity variants of colors · eae570f9
    Dan Beam authored
    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/1393442Reviewed-by: default avatarEsmael El-Moslimany <aee@chromium.org>
    Commit-Queue: Dan Beam <dbeam@chromium.org>
    Cr-Commit-Position: refs/heads/master@{#619532}
    eae570f9
shared_vars_css.html 6.9 KB