Merge remote-tracking branch 'refs/remotes/origin/main'

src/App.tsx

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

src/helpers.ts

@@ -52,8 +52,13 @@ 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 += " "
+        } else {
             finalmessage += (`$[fg.color=${tohexstring(color).substring(1)} ${message[i]}]`)
         }
+
+    }
     return finalmessage
 }