colorParser.js

// it's color parser snippet for https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/
// temp0 - tbody with colors
// returns tuple with [light css variables string, dark css variables string] - values can be copied to your css

Array.from(temp0)
    .filter((node) => node.nodeName === 'TR')
    .map((node) => {
        const [lightNode, darkNode, nameNode] = Array.from(node.childNodes)
            .filter((node) => node.nodeName === 'TD')
            .slice(0, 3);

        return [lightNode, darkNode]
            .map(
                (node) =>
                    `rgb(${node.textContent
                        .trim()
                        .split('\n')
                        .map((text) => text.trim().slice(2))
                        .join(', ')})`
            )
            .concat(nameNode.textContent.trim().replace(' (', '-').replace(')', '').toLowerCase());
    })
    .reduce(
        (res, [lightColor, darkColor, name]) => [
            `${res[0]}--${name}: ${lightColor}; `,
            `${res[1]}--${name}: ${darkColor}; `
        ],
        ['', '']
    );