html text on switch targeted with id html-switch so that it wouldn't appear black on first render

Author: enigmawun

app/src/components/left/CreateMenu.tsx

@@ -266,7 +266,9 @@ const CreateMenu = (props): JSX.Element => {
       ])}
       <FormGroup>
         <Box display="flex" alignItems="center" justifyContent="center">
-          <p className="smallerText">HTML</p>
+          <p className="smallerText" id="HTML-switch">
+            HTML
+          </p>
           <Switch
             checked={MUIMode}
             onChange={() => setMUIMode(!MUIMode)}

app/src/public/styles/style.css

@@ -266,11 +266,14 @@ span.material-symbols-outlined {
   font-size: 0.8rem;
 }
 
+.smallerText #HTML-switch {
+  color: #a9a9a9;
+}
+
 .orangeText {
   color: #f08c00;
 }
 #MUIItem:hover {
-  background-color: #474545a8;
   color: #f08c00;
 }