chromium/chrome/browser/resources/password_manager/shared_vars.css

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

/* #css_wrapper_metadata_start
 * #type=vars
 * #import=chrome://resources/cr_elements/cr_shared_vars.css.js
 * #css_wrapper_metadata_end */

html {
  --card-max-width: 960px;
  --side-bar-width: 300px;
  --toolbar-height: 56px;
  /* Centered cards has a max-width of var(--cr-centered-card-max-width)
   * and a width of a certain percentage. Therefore, to make room for the
   * cards to be at their max width, the flex-basis of the content needs to be
   * whatever value the percentage of would equal to the max width. */
  --password-manager-main-basis: calc(var(--cr-centered-card-max-width) /
      var(--cr-centered-card-width-percentage));
  --control-label-spacing: 20px;
  --section-min-height: 48px;
  /* Spacing between a control (e.g. checkbox) and its label. */
  --two-line-section-min-height: 64px;

  --error-color: var(--google-red-700);

  --ref-palette-error10: rgba(65, 14, 11, 1);
  --ref-palette-error30: rgba(140, 29, 24, 1);
  --ref-palette-error90: rgba(249, 222, 220, 1);

  --sys-color-error-container: var(--ref-palette-error90);
  --sys-color-on-error-container: var(--ref-palette-error10);
}

@media (prefers-color-scheme: dark) {
  html {
    --error-color: var(--google-red-300);
    --sys-color-error-container: var(--ref-palette-error30);
    --sys-color-on-error-container: var(--ref-palette-error90);
  }
}