thank you so much, i would try to do it by myself with custom css and js,
but now i have another problem, after updating the theme to 7.0.0
the boundary radius has been reset to the default state

how can i reshape all dimensions? removing the edge?

now i use these, how should i change the class?

.swatch-on-single.swatch-with-bg {
border-radius: 0! important;
height: 40px;
width: 40px;
}

.swatch-on-single.swatch-with-bg.swatch-size-large {
border-radius: 0! important;
height: 70px;
width: 70px;
}

.swatch-on-single.swatch-with-bg.swatch-size-xlarge {
border-radius: 0! important;
height: 120px;
width: 120px;
}

thank you