chromium/chrome/browser/resources/print_preview/ui/print_preview_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 {
  --print-preview-row-height: 38px;
  --print-preview-sidebar-width: 384px;
  --print-preview-title-width: 120px;
  --print-preview-sidebar-margin: 24px;
  /* Controls width = total width - title width - start/middle/end margin */
  --print-preview-dropdown-width: calc(var(--print-preview-sidebar-width)
      - var(--print-preview-title-width)
      - 3 * var(--print-preview-sidebar-margin));

  --print-preview-settings-border: 1px solid var(--google-grey-200);
  --print-preview-dialog-margin: 34px;
  --cr-form-field-label-height: initial;
  --cr-form-field-label-line-height: .75rem;
  --destination-item-height: 32px;
  --preview-area-background-color: var(--google-grey-300);
  --iron-icon-fill-color: var(--google-grey-700);
  --iron-icon-height: var(--cr-icon-size);
  --iron-icon-width: var(--cr-icon-size);
  --search-icon-size: 32px;
  --throbber-size: 16px;

<if expr="is_chromeos">
  /* TODO(b/290239226): Remove hard-coded and google colors after print-preview
                        is configured to use dynamic colors. */
  --error-status-alert: var(--google-red-600);
  --error-status-warning: #e37400;
</if>
}

@media (prefers-color-scheme: dark) {
  html {
    --preview-area-background-color: var(--google-grey-700);
    --print-preview-settings-border: var(--cr-separator-line);
    --iron-icon-fill-color: var(--google-grey-500);

<if expr="is_chromeos">
    /* TODO(b/290239226): Remove hard-coded and google colors after
                          print-preview is configured to use dynamic colors. */
    --error-status-alert: var(--google-red-300);
    --error-status-warning: #fdd663;
</if>
  }
}