.@{switch-prefix-cls} { 
  &.arco-switch-checked .arco-switch-dot,
  &.arco-switch-type-line .arco-switch-dot,
  &-dot{
    background: var(--color-white);
  }

  &-text,
  &.arco-switch-checked .arco-switch-text,
  &[disabled] .arco-switch-text
  {
    color: var(--color-white);
  }
}