@import "../../../../sass-utilities/themes/dark/all";

@mixin pf-theme-dark-button() {
  .pf-c-button {
    --pf-c-button--disabled--Color: var(--pf-global--disabled-color--300);
    --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300); // should blue-400 be a primary-color?
    --pf-c-button--m-tertiary--after--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-button--m-tertiary--Color: var(--pf-global--palette--black-100); // global variable for this?
    --pf-c-button--m-tertiary--hover--after--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-button--m-tertiary--hover--Color: var(--pf-global--palette--black-100);
    --pf-c-button--m-tertiary--focus--after--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-button--m-tertiary--focus--Color: var(--pf-global--palette--black-100);
    --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-button--m-tertiary--active--Color: var(--pf-global--palette--black-100);
    --pf-c-button--m-warning--Color: var(--pf-global--palette--black-900);
    --pf-c-button--m-warning--hover--Color: var(--pf-global--palette--black-900);
    --pf-c-button--m-warning--focus--Color: var(--pf-global--palette--black-900);
    --pf-c-button--m-warning--active--Color: var(--pf-global--palette--black-900);
    --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--warning-color--200);
    --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--warning-color--200);
    --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--warning-color--200);
    --pf-c-button--m-danger--Color: var(--pf-global--palette--black-900);
    --pf-c-button--m-danger--hover--Color: var(--pf-global--palette--black-900);
    --pf-c-button--m-danger--focus--Color: var(--pf-global--palette--black-900);
    --pf-c-button--m-danger--active--Color: var(--pf-global--palette--black-900);
    --pf-c-button--m-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-button--m-control--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-button--m-control--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-button--m-control--focus--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-button--m-control--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-button--m-control--after--BorderTopColor: transparent;
    --pf-c-button--m-control--after--BorderRightColor: transparent;
    --pf-c-button--m-control--after--BorderBottomColor: var(--pf-global--BorderColor--400);
    --pf-c-button--m-control--after--BorderLeftColor: transparent;
    --pf-c-button--m-control--hover--after--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-c-button--m-control--active--after--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-c-button--m-control--focus--after--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-c-button--m-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
    --pf-c-button--m-primary__c-badge--BorderColor: var(--pf-global--Color--100);

    &.pf-m-control:disabled {
      &::after {
        border: 0;
        border-bottom: var(--pf-global--BorderWidth--sm) solid var(--pf-global--palette--black-700);
      }
    }
  }
}
