Fix unintuitive illustraton of follow combo color setting for slider …

…body

src/components/groups/illustration/slider/SliderIllustrationCanvas.tsx

@@ -109,7 +109,9 @@ export default function SliderIllustrationCanvas() {
         ctx.stroke();
 
         ctx.globalAlpha = sliderBodyBaseAlpha.value;
-        ctx.strokeStyle = sliderBodyColor.value;
+        ctx.strokeStyle = sliderFollowComboColor.value
+            ? sliderComboColor.value
+            : sliderBodyColor.value;
 
         ctx.stroke();
         ctx.globalCompositeOperation = "source-over";
@@ -127,9 +129,7 @@ export default function SliderIllustrationCanvas() {
         ctx.closePath();
 
         // Draw the slider head.
-        ctx.fillStyle = sliderFollowComboColor.value
-            ? sliderBodyColor.value
-            : sliderComboColor.value;
+        ctx.fillStyle = sliderComboColor.value;
         ctx.globalAlpha = 1;
 
         ctx.beginPath();

src/components/groups/illustration/slider/SliderIllustrationGroup.tsx

@@ -1,21 +1,15 @@
-import { useContext } from "react";
-import { SliderFollowComboColorContext } from "../../../../hooks/Slider/SliderFollowComboColorContext";
 import SubGroup from "../../SubGroup";
 import SliderIllustrationCanvas from "./SliderIllustrationCanvas";
 import SliderIllustrationCircleSize from "./SliderIllustrationCircleSize";
 import SliderIllustrationComboColor from "./SliderIllustrationComboColor";
 
 export default function SliderIllustrationGroup() {
-    const followComboColor = useContext(SliderFollowComboColorContext);
-
     return (
         <SubGroup title="Illustration">
             <br />
             <SliderIllustrationCanvas />
-
             <SliderIllustrationCircleSize />
-
-            {!followComboColor.value ? <SliderIllustrationComboColor /> : null}
+            <SliderIllustrationComboColor />
         </SubGroup>
     );
 }