[Feature Request] oklch color support
Open
Nobody has claimed this yet.
E: theme
has workaround
T: feature
- Dominant language
- TypeScript
- Stars
- 41k
- Forks
- 7.1k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 11
Description
Problem to solve
import tailwindColors from "tailwindcss/colors";
const colorScheme = {
light: {
colors: {
indigo: tailwindColors.indigo["900"]
}
}
};
export const vuetify = createVuetify({
theme: {
themes: {
...colorScheme
}
}
});
[Vue warn]: Vuetify: 'oklch(0.359 0.144 278.697)' is not a valid hex(a) color
Proposed solution
Support oklch or transform to rgb
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the createVuetify theme path shown in the reproduction and trace where theme color values are validated. Reproduce the warning with the Tailwind indigo value, then determine whether the supported result should preserve oklch or transform it to RGB. Done means the shown theme is accepted without the invalid-color warning.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- tailwindcss, typescript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100