Related to #30
Currently, the only colors that can be matched and that can use the color picker are hex based:
|
const colorMatches = getRegexMatches(COLOR_HEX_REGEX, taggedTemplateText); |
With an HTML file:

With a TS file:

Reproduce:
import { LitElement, css, html } from 'lit'
import { customElement } from 'lit/decorators.js'
@customElement('foo-element')
export class FooElement extends LitElement {
render() {
return html`<p>hello</p>`;
}
static styles = css`
.foo {
background: white;
background-color: rgb(234, 238, 242);
color: hsl(120deg, 75%, 25%);
color: hsla(120deg, 75%, 25%, 0.5);
color: #fff;
}
`
}