chrome/browser/resources/settings/settings_vars_css.html

<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">

<!-- Common css variables for Material Design settings. -->
<custom-style>
<style is="custom-style">
  /* We keep our vars in sort order, though some vars must be defined prior to
   * others. The --settings-* vars are defined explicitly prior to the --paper-*
   * and --iron-* vars.
   */
  html {
    /* Some colors use non-MD colors.  These custom colors are specified by
     * UX design (bettes@). */

    --settings-actionable: var(--cr-actionable);

    --settings-box-row-padding: var(--cr-section-padding);
    --settings-box-row-indent: var(--cr-section-indent-padding);
    --settings-indent-width: var(--cr-section-indent-width);
    --settings-card-max-width: 680px;
    --settings-disabled-opacity: .65;
    --settings-error-color: var(--google-red-700);

    --settings-list-frame-padding: {
      padding-inline-end: var(--settings-box-row-padding);
      padding-inline-start: var(--settings-box-row-indent);
      padding-bottom: 0;
      padding-top: 0;
    }

    /* No --settings-nav-icon-color needed in light mode. */
    --settings-nav-item-color: var(--google-grey-refresh-700);

    --settings-page-vertical-margin: 21px;

    --settings-row-min-height: var(--cr-section-min-height);
    --settings-row-two-line-min-height: var(--cr-section-two-line-min-height);
    --settings-row-three-line-min-height:
        var(--cr-section-three-line-min-height);

    --settings-separator-height: var(--cr-separator-height);
    --settings-separator-line: var(--cr-separator-line);

    /* Spacing between a control (e.g. checkbox) and its label. */
    --settings-control-label-spacing: 20px;

    /* Spacing between policy (controlledBy) indicator and control. */
    --settings-controlled-by-spacing: var(--cr-controlled-by-spacing);

    --settings-input-max-width: var(--cr-default-input-max-width);

    --iron-icon-fill-color: var(--google-grey-refresh-700);
    --iron-icon-height: var(--cr-icon-size);
    --iron-icon-width: var(--cr-icon-size);

    --cr-radio-group-item-padding: 0;
  }

  html[dark] {
    --iron-icon-fill-color: var(--google-grey-refresh-500);
    --settings-error-color: var(--google-red-refresh-300);
    --settings-nav-icon-color: var(--google-grey-refresh-500);
    --settings-nav-item-color: var(--cr-primary-text-color);
  }
</style>
</custom-style>