Dark theme for the project?

[DudhaneShrey86]

Describe the new feature you'd like

Is there an existing dark theme for this project? If not I would like to submit a PR with a dark theme. If there is one, please guide me about how to use it!

[andrew-boyd]

There is not currently a dark theme — Vue Formulate ships with a basic theme called "snow" out-of-the-box so that users have something to start with but it is not intended in and of itself to be a UI library.

If you want to create a dark theme I'd be happy to take a look at it and once it's complete and well-considered we'd happily link to your theme repo from the official Docs.

https://vueformulate.com/guide/theming/#contributing-themes

[DudhaneShrey86]

Alright! Thank you for your guidance, I'll get to it ASAP.

[DudhaneShrey86]

Hey! While going through the code I found the "danger" buttons are not actually styled correctly.

Current:

https://user-images.githubusercontent.com/47911121/219948756-27facd36-78d8-48a5-b314-efc5f137f161.mp4

Fixed it as such:

https://user-images.githubusercontent.com/47911121/219948770-f8b37415-3fd9-47b1-9813-b7d950f4b009.mp4

But I am not entirely sure with the colors on that button, looks a little dark to me (have used the default colors of snow). Cannot invert the colors as it won't match the primary buttons, they go from colored to a little faint color.

$formulate-error: #960505; The base color is this, and its used mostly to display errors, like one below.

Maybe we can bump up the color to a little lighter shade, so that it doesn't effect the error texts too much, but looks a little nicer on the button?

Open to everyone's opinions, Thank you!