Get random color palettes

ozgrozer · Jun 29, 2024 · 4427c7f · 4427c7f
1 parent c100e42
commit 4427c7f
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/components/Colors.jsx b/components/Colors.jsx
@@ -1,9 +1,16 @@
+import { useState, useEffect } from 'react'
+import niceColors from 'nice-color-palettes'
+
 import ntc from '@functions/ntc'
 import styles from '@styles/Colors.module.scss'
 import adjustTextColor from '@functions/adjustTextColor'
 
 export default () => {
-  const colors = ['#a1e8af', '#94c595', '#747c92', '#372772', '#3a2449']
+  const [colors, setColors] = useState([])
+
+  useEffect(() => {
+    setColors(niceColors[Math.floor(Math.random() * niceColors.length)])
+  }, [])
 
   return (
     <div className={styles.colors}>