| /* 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); |
| } |
| } |
