chromium/tools/style_variable_generator/tests/goldens/blend_colors_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/blend_colors_test.json5
 *  tests/colors_test_palette.json5
 */
:root {
  color-scheme: light dark;
}

html:not(body) {
  --google-grey-900-rgb: 32, 33, 36;
  --google-grey-900: rgb(var(--google-grey-900-rgb));

  --cros-bg-color-rgb: 255, 255, 255;
  --cros-bg-color: rgb(var(--cros-bg-color-rgb));

  --cros-highlight-color-hover-rgb: 0, 0, 0;
  --cros-highlight-color-hover: rgba(var(--cros-highlight-color-hover-rgb), 0.2);

  --cros-foo-color: color-mix(in srgb, var(--cros-highlight-color-hover) 20.0%, var(--cros-bg-color));

  --cros-bar-color: color-mix(in srgb, var(--cros-highlight-color-hover) 20.0%, var(--cros-bg-color));

  --cros-disabled-opacity: 0.38;
}

@media (prefers-color-scheme: dark) {
html:not(body) {
  --cros-bg-color-rgb: var(--google-grey-900-rgb);
  --cros-bg-color: var(--google-grey-900);

  --cros-highlight-color-hover-rgb: 255, 255, 255;
  --cros-highlight-color-hover: rgba(var(--cros-highlight-color-hover-rgb), 0.4);

  --cros-foo-color: color-mix(in srgb, var(--cros-highlight-color-hover) 40.0%, var(--cros-bg-color));

  --cros-bar-color: color-mix(in srgb, var(--cros-highlight-color-hover) 40.0%, var(--cros-bg-color));
}
}