frc-ui/lib/checkbox/style/index.less

React Web UI

.swc-checkbox {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  cursor: default;
  &-inner {
    display: inline-flex;
    background: #0e1a18;
    border: 1px solid #136c5e;
    width: 1em;
    height: 1em;
    border-radius: 2px;
    margin-right: 4px;
  }
}
.swc-checkbox.checked {
  border: none;
  background: transparent;
  color: #f9c152;
  .swc-checkbox-inner {
    border: none;
    background: transparent;
    & > .swc-custom-icon-checkbox {
      color: #ff9300;
    }
  }
}
.swc-checkbox-disabled {
  color: #8f9598;
  .swc-checkbox-inner {
    border: 1px solid #4a4d4c;
  }
  & > .swc-custom-icon-checkbox {
    color: #4a4d4c;
  }
}
.swc-checkbox-child {
  .swc-checkbox-inner {
    margin-right: 4px;
  }
}