@mixin placeholders() {
  %pf-t-dark {
    // global
    --pf-global--Color--100: #{$pf-global--Color--100};
    --pf-global--Color--200: #{$pf-global--Color--200};
    --pf-global--BorderColor--100: #{$pf-global--BorderColor--100};
    --pf-global--primary-color--100: #{$pf-global--primary-color--100};
    --pf-global--link--Color: #{$pf-global--link--Color};
    --pf-global--link--Color--hover: #{$pf-global--link--Color--hover};
    --pf-global--BackgroundColor--100: #{$pf-global--BackgroundColor--100};

    .pf-c-button {
      // primary button
      --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
      --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
      --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
      --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
      --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
      --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
      --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
      --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);

      // secondary button
      --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
      --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
      --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
      --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
    }
  }
}