mostly working

src/components/CountdownCircleTimer.tsx

@@ -5,7 +5,6 @@ interface CountdownCircleTimerProps {
   initialRemainingTime?: number;
   size: number;
   strokeWidth: number;
-  colors: string;
   children: (props: { remainingTime: number }) => any;
   onComplete?: () => void;
   isPlaying?: boolean;
@@ -106,7 +105,7 @@ const CountdownCircleTimer: Component<CountdownCircleTimerProps> = (props) => {
           cy={props.size / 2}
           r={radius}
           fill="none"
-          stroke={props.colors}
+          stroke={`var(--color-blue)`}
           stroke-width={props.strokeWidth}
           stroke-dasharray={`${circumference}`}
           stroke-dashoffset={`${strokeDashoffset()}`}

src/components/DeletionForm.tsx

@@ -143,7 +143,6 @@ export default function DeletionForm() {
                   initialRemainingTime={countDown()}
                   size={48}
                   strokeWidth={6}
-                  colors="#60a5fa"
                 >
                   {renderTime}
                 </CountdownCircleTimer>