vuetifyjs / theme-generator Goto Github PK

Problem to solve

on https://vuetifyjs.com/en/customization/theme/#theme-generator, the sectin is a one-liner. Perfect for creating themes, but it should be a small hint here WHERE to put that generated content. So another line would be nice ;-)

Proposed solution

add a hint in which file to put the generated content

I think it'll be cool to be able to use custom colors (e.g. hex values) in the theme.

Considering that this is the very first link on the Vuetify Ecosystem website, I thought I'd leave some feedback, as it's a frustrating first experience for people entering the ecosystem.

It's extremely unclear how to select colors?! They're buttons, but have no effect on which color is assigned. It would probably be better to use v-chip here instead.

I eventually worked out that it pushes and pops colors from a queue (I think)

Why is every item ticked? Even items that aren't selected? Makes no sense to me.

Sorry if I'm being too critical, I appreciate the effort that went into this and the entire Vuetify ecosystem.

Cheers,
Ben

This tool really isn't very helpful for generating a theme, since the preview only shows two of the colours: primary and secondary.

Any chance the preview could be updated to include more components to give the user a better idea of what the theme will look like in practice?

Open https://theme-generator.vuetifyjs.com/, click the "Export button", you'll get

vue.runtime.esm.js:1737 TypeError: Cannot read property 'base' of undefined
    at a.getHexValue (ExportModal.vue:79)
    ...

If I try it on:
https://theme-generator.vuetifyjs.com/
and klick on export, then no modal shows up anymore.