Remove CSS transition

src/main.css

@@ -185,7 +185,6 @@ svg
    cursor: pointer;
    padding: 4px;
    border-radius: 12px;
-   transition-duration: 0.3s;
 }
 
 .toggle:hover

src/main.jsx

@@ -22,14 +22,14 @@ class MainComponent extends Component
 	componentDidMount()
 	{
 		// Smooth color transitions (after rendering to avoid flash on reload)
-		setTimeout(() => {
-			const styleEl = document.head.getElementsByTagName('style')[0]
-			document.head.appendChild(styleEl)
-			const styleSheet = styleEl.sheet
-			styleSheet.insertRule(
-				'*, ::after, ::before { transition-property: background-color, color, fill; transition-duration: 1s;}')
-			},
-			500)
+		// setTimeout(() => {
+		// 	const styleEl = document.head.getElementsByTagName('style')[0]
+		// 	document.head.appendChild(styleEl)
+		// 	const styleSheet = styleEl.sheet
+		// 	styleSheet.insertRule(
+		// 		'*, ::after, ::before { transition-property: background-color, color, fill; transition-duration: 1s;}')
+		// 	},
+		// 	500)
 	}
 
 	toggleTheme(checked)