:root,
.tds-mode-light {
  --tds-chips-color: var(--tds-grey-950);
  --tds-chips-color-active: var(--tds-white);
  --tds-chips-background: var(--tds-grey-150);
  --tds-chips-background-active: var(--tds-blue-400);
  --tds-chips-background-disabled: var(--tds-grey-150);
  --tds-chips-text-disabled: var(--tds-grey-250);
  --tds-chips-text-checked-disabled: var(--tds-grey-250);
  --tds-chips-background-active-disabled: var(--tds-blue-100);
  --tds-chips-background-active-hover: var(--tds-blue-500);
  --tds-chips-background-hover: var(--tds-grey-200);
  --tds-chips-background-focus: var(--tds-grey-200);
  --tds-chips-icon-fill: var(--tds-grey-950);
  --tds-chips-icon-fill-active: var(--tds-white);
}

.tds-mode-dark {
  --tds-chips-color: var(--tds-white);
  --tds-chips-color-active: var(--tds-white);
  --tds-chips-background: var(--tds-grey-800);
  --tds-chips-background-active: var(--tds-blue-500);
  --tds-chips-background-disabled: var(--tds-grey-850);
  --tds-chips-text-disabled: var(--tds-grey-500);
  --tds-chips-text-checked-disabled: var(--tds-grey-500);
  --tds-chips-background-active-disabled: var(--tds-blue-700);
  --tds-chips-background-active-hover: var(--tds-blue-300);
  --tds-chips-background-hover: var(--tds-grey-750);
  --tds-chips-background-focus: var(--tds-grey-750);
  --tds-chips-icon-fill: var(--tds-white);
  --tds-chips-icon-fill-active: var(--tds-white);
}