.arco-checkbox {
  .arco-checkbox-icon {
    width: 16px;
    height: 16px;
    border-color: #d7d7d9;
  }
  &.arco-checkbox-disabled {
    .arco-checkbox-icon {
      background-color: #f2f3f5;
      border-color: #d7d7d9;
    }
    &.arco-checkbox-checked {
      .arco-checkbox-icon {
        background-color: #A794FE !important;
      }
    }
    &.arco-checkbox-indeterminate {
      .arco-checkbox-icon {
        border: none;
        background-color: #A794FE !important;
      }
    }
  }
  &.arco-checkbox-checked,
  &.arco-checkbox-indeterminate {
    .arco-checkbox-icon  {
     background-color: #6D4CFE !important; 
    }
  }

}