src/App.tsx

@@ -59,12 +59,12 @@ function App() {
                         }
                         // @ts-ignore
                         let message = document.getElementById("ubuntucola").value as string
-                        setMessage(getmisskeycolors(message, colors).replace(/\$\[fg\.color=[0-9A-Fa-f]{6} \]/g, ''));
+                        setMessage(getmisskeycolors(message, colors));
                     }}>
                         generate!
                     </button>
                 </div>
-                <code>{message()}</code>
+                <span>{message()}</span>
             </div>
         </>
     )

src/helpers.ts

@@ -52,12 +52,7 @@ export function getmisskeycolors(message:string, colors:string[]){
         const [low, high , progress] = sampleFromArray(colors, i / (message.length - 1))
         //@ts-ignore
         const color = lerpoklab(tozerotoone(colors[low]), tozerotoone(colors[high]), progress)
-        if (message[i] === " ") {
+        finalmessage += (`$[fg.color=${tohexstring(color).substring(1)} ${message[i]}]`)
-            finalmessage += " "
-        } else {
-            finalmessage += (`$[fg.color=${tohexstring(color).substring(1)} ${message[i]}]`)
-        }
-
     }
     return finalmessage
 }