fix: redesing and add features

src/utils/theme.js

@@ -0,0 +1,11 @@
+import tinycolor from 'tinycolor2'
+
+export function generateThemeColors(colorArray) {
+    const rgbColor = `rgb(${colorArray[0]}, ${colorArray[1]}, ${colorArray[2]})`
+    const originalColor = tinycolor(rgbColor)
+
+    return {
+        background: originalColor.darken(30).toString(),
+        text: originalColor.brighten(40).toString() // slightly brighter for contrast
+    }
+}