fix: allow ColorGenerator to parse colors with prefix # (#5669)

facebook · Oct 9, 2021 · 6636210 · 6636210
1 parent 6ed6989
commit 6636210
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/website/src/components/ColorGenerator/index.tsx b/website/src/components/ColorGenerator/index.tsx
@@ -91,7 +91,10 @@ function ColorGenerator() {
           className={styles.input}
           defaultValue={baseColor}
           onChange={(event) => {
-            const colorValue = event.target.value;
+            // Replace all the prefix '#' with an empty string.
+            // For example, '#ccc' -> 'ccc', '##ccc' -> 'ccc'
+            const colorValue = event.target.value.replace(/^#+/, '');
+
             try {
               Color('#' + colorValue);
               setBaseColor(colorValue);