Function parse

src/utils/color.ts:164–222

($color: string)

];

export function parse($color: string): RGBA | null {
    const c = $color.trim().toLowerCase();
    if (c.includes('(from ')) {
        if (c.indexOf('(from') !== c.lastIndexOf('(from')) {
            return null;
        }
        return domParseColor(c);
    }

    if (c.match(rgbMatch)) {
        if (c.startsWith('rgb(#') || c.startsWith('rgba(#')) {
            if (c.lastIndexOf('rgb') > 0) {
                return null;
            }
            return domParseColor(c);
        }
        return parseRGB(c);
    }

    if (c.match(hslMatch)) {
        return parseHSL(c);
    }

    if (c.match(hexMatch)) {
        return parseHex(c);
    }

    if (knownColors.has(c)) {
        return getColorByName(c);
    }

    if (systemColors.has(c)) {
        return getSystemColor(c);
    }

    if (c === 'transparent') {
        return {r: 0, g: 0, b: 0, a: 0};
    }

    if (
        c.endsWith(')') &&
        supportedColorFuncs.some(
            (fn) => c.startsWith(fn) && c[fn.length] === '(' && c.lastIndexOf(fn) === 0
        )
    ) {
        return domParseColor(c);
    }

    if (c.startsWith('light-dark(') && c.endsWith(')')) {
        // light-dark([color()], [color()])
        const match = c.match(/^light-dark\(\s*([a-z]+(\(.*\))?),\s*([a-z]+(\(.*\))?)\s*\)$/);
        if (match) {
            const schemeColor = isSystemDarkModeEnabled() ? match[3] : match[1];
            return parse(schemeColor);
        }
    }

    return null;