feat: add custom color theme support

[jatindotdev]

Hey @fvrests,

I've been using Lavender as my new tab page for a while now. I love the Rosé Pine theme colors and changed my themes, including Google Chrome, to match. However, Lavender still works well for me, but they don't really match. I like the minimalist nature of Lavender, so I thought I should contribute a custom color feature to it. The default colors are pretty cool, by the way!

For custom theme, I have added a utility which does the job of deciding whether the color is darker or lighter.

----- Copilot Generated Description -----

This pull request introduces a new custom color theme feature. The most important changes include the addition of a custom color theme, updates to the options menu to support the new theme, and utility functions to handle color processing.

Screen.Recording.2024-11-22.at.2.51.08.AM.mp4

Custom Color Theme Feature:

• src/assets/styles/global.css: Added custom color variables and updated theme classes to include the custom theme.
• src/store/options.ts: Added customColor to the theme state and a method to set and preview the custom color.

Options Menu Updates:

• src/components/options.vue: Integrated the custom color theme into the options menu, including input handling and theme selection.

Utility Functions:

• src/utils/helpers.ts: Added utility functions hexToRgb and isColorDark to process and determine color brightness.

These changes collectively enable users to customize the theme color and ensure the application handles color selection and theme application effectively.

[vercel]

@jatindotdev is attempting to deploy a commit to the fvrests 's projects Team on Vercel.

A member of the Team first needs to authorize it.