chromium/tools/style_variable_generator/tests/goldens/colors_tokens_test_expected.css

/* Copyright 2020 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

/* This file is generated from:
 *  tests/colors_ref_tokens_test.json5
 *  tests/colors_sys_tokens_test.json5
 */
:root {
  color-scheme: light dark;
}

html:not(body) {
  --cros-ref-primary50-rgb: 32, 33, 36;
  --cros-ref-primary50: rgb(var(--cros-ref-primary50-rgb));

  --cros-sys-primary-rgb: var(--cros-ref-primary50-rgb);
  --cros-sys-primary: var(--cros-ref-primary50);

  --cros-sys-on_primary-rgb: 255, 255, 255;
  --cros-sys-on_primary: rgb(var(--cros-sys-on_primary-rgb));

  --cros-sys-primary_container-rgb: var(--cros-ref-primary50-rgb);
  --cros-sys-primary_container: rgba(var(--cros-sys-primary_container-rgb), 0.1);

  --cros-sys-on_primary_container-rgb: 255, 255, 255;
  --cros-sys-on_primary_container: rgb(var(--cros-sys-on_primary_container-rgb));

  --cros-sys-blend_opac: color-mix(in srgb, rgb(255, 255, 255) 40.0%, var(--cros-ref-primary50));

  --cros-sys-blend_a_ref_blend: color-mix(in srgb, rgb(255, 255, 255) 40.0%, var(--cros-sys-blend_opac));

  --cros-sys-blend_a_blend: color-mix(in srgb, rgb(255, 255, 255) 40.0%, color-mix(in srgb, var(--cros-sys-blend_opac) 2.0%, rgb(255, 255, 255)));

  --cros-sys-disabled_opacity: 0.38;

  --cros-sys-reference_opacity: var(--cros-sys-disabled_opacity);

  --cros-color-primary-rgb: var(--cros-sys-primary_container-rgb);
  --cros-color-primary: var(--cros-sys-primary_container);
  --cros-color-primary-light: var(--cros-sys-primary_container);
  --cros-color-primary-dark: var(--cros-sys-primary_container);
}

@media (prefers-color-scheme: dark) {
html:not(body) {
  --cros-sys-primary-rgb: 0, 0, 0;
  --cros-sys-primary: rgba(var(--cros-sys-primary-rgb), 0.5);

  --cros-sys-on_primary-rgb: var(--cros-ref-primary50-rgb);
  --cros-sys-on_primary: var(--cros-ref-primary50);

  --cros-sys-primary_container-rgb: var(--cros-ref-primary50-rgb);
  --cros-sys-primary_container: rgba(var(--cros-sys-primary_container-rgb), var(--cros-sys-disabled_opacity));

  --cros-sys-on_primary_container: color-mix(in srgb, rgb(255, 255, 255) 4.0%, var(--cros-ref-primary50));

  --cros-sys-blend_opac: color-mix(in srgb, rgb(255, 255, 255) 40.0%, var(--cros-ref-primary50));

  --cros-sys-blend_a_ref_blend: color-mix(in srgb, rgb(255, 255, 255) 40.0%, var(--cros-sys-blend_opac));

  --cros-sys-blend_a_blend: color-mix(in srgb, rgb(255, 255, 255) 40.0%, color-mix(in srgb, var(--cros-sys-blend_opac) 2.0%, rgb(255, 255, 255)));

  --cros-sys-reference_opacity: 1;

  --cros-color-primary-rgb: var(--cros-sys-primary_container-rgb);
  --cros-color-primary: var(--cros-sys-primary_container);
  --cros-color-primary-light: var(--cros-sys-primary_container);
  --cros-color-primary-dark: var(--cros-sys-primary_container);
}
}