增加色轮色调和变化步长的设置功能。

src/pages/Wheels.tsx

@@ -12,7 +12,7 @@ export function Wheels() {
   const [selectedColor, setSelectedColor] = useAtom(currentPickedColor);
   const [selectedMode, setSelectedMode] = useState('complementary');
   const [steps, setSteps] = useState(10);
-  const [tones, setTones] = useState(4);
+  const [tones, setTones] = useState(3);
 
   return (
     <div className={cx('workspace', styles.wheels_workspace)}>
@@ -64,7 +64,12 @@ export function Wheels() {
           </div>
         </aside>
         <div className={styles.wheel_side}>
-          <ColorWheel originColor={selectedColor} highlightMode={selectedMode} />
+          <ColorWheel
+            originColor={selectedColor}
+            highlightMode={selectedMode}
+            tones={tones}
+            step={steps}
+          />
         </div>
       </section>
     </div>