dark.css

/* ------ button css variables ------ */
:root {
  --ix-button-font-size-xs: 12px;
  --ix-button-font-size-sm: 12px;
  --ix-button-font-size-md: 14px;
  --ix-button-font-size-lg: 16px;
  --ix-button-font-size-xl: 16px;
  --ix-button-min-width-xs: 56px;
  --ix-button-min-width-sm: 64px;
  --ix-button-min-width-md: 72px;
  --ix-button-min-width-lg: 120px;
  --ix-button-min-width-xl: 160px;
  --ix-button-height-xs: 24px;
  --ix-button-height-sm: 32px;
  --ix-button-height-md: 32px;
  --ix-button-height-lg: 40px;
  --ix-button-height-xl: 48px;
  --ix-button-padding-size-horizontal-xs: 8px;
  --ix-button-padding-size-horizontal-sm: 12px;
  --ix-button-padding-size-horizontal-md: 16px;
  --ix-button-padding-size-horizontal-lg: 24px;
  --ix-button-padding-size-horizontal-xl: 32px;
  --ix-button-color: #f4f8ff;
  --ix-button-color-disabled: #687080;
  --ix-button-bg-color: #0a0c0f;
  --ix-button-bg-color-disabled: #1f2329;
  --ix-button-border-color: #3c424d;
  --ix-button-border-radius: 2px;
  --ix-button-primary-color: #fff;
  --ix-button-primary-bg-color: #4083e8;
  --ix-button-primary-bg-color-hover: #1b61dd;
  --ix-button-primary-bg-color-active: #6aa6f4;
  --ix-button-danger-color: #e8514c;
  --ix-button-danger-color-hover: #d42525;
  --ix-button-danger-color-active: #f37e75;
  --ix-button-danger-bg-color: #e8514c;
  --ix-button-danger-bg-color-hover: #d42525;
  --ix-button-danger-bg-color-active: #f37e75;
  --ix-button-ghost-color: #fff;
  --ix-button-ghost-color-hover: #fff;
  --ix-button-ghost-color-active: #595959;
  --ix-button-ghost-border-color-hover: #fff;
  --ix-button-ghost-border-color-active: #fff;
  --ix-button-ghost-border-color: #fff;
  --ix-button-ghost-bg-color-hover: rgba(255, 255, 255, 0.2);
  --ix-button-ghost-bg-color-active: #fff;
  --ix-button-ghost-bg-color-disabled: rgba(255, 255, 255, 0.4);
  --ix-button-icon-color: inherit;
  --ix-button-icon-font-size: 16px;
}