Get Tailwind Colors

tailwind-colors-scrap.ts

const colorsValue = Array.from(document.querySelectorAll("div.px-0\\.5.md\\:flex.md\\:justify-between.md\\:space-x-2.\\32 xl\\:space-x-0.\\32 xl\\:block")).map(node => node.textContent)

const colorsName = Array.from(document.querySelectorAll('.text\\-sm.font\\-semibold.text\\-slate\\-900.dark\\:text\\-slate\\-200')).map(node => node.textContent)

let colorsValueCount = 0
let colorsNameIndex = 0
let colors = {}

const setColor = (name, value) => {
    let [valueNum, valueRGB] = value.split("#")
    colors[name.toLowerCase()][valueNum] = `#${valueRGB}`
}

for (let value of colorsValue) {
    let name = colorsName[colorsNameIndex]
    
    if(colorsValueCount === 0) {
        colors[name.toLowerCase()] = {}
    }
    
    if(colorsValueCount === 9) {
        setColor(name, value)
        colorsValueCount = 0
        colorsNameIndex++
    } else {
        setColor(name, value)
        colorsValueCount++    
    }
}