註1:L, C, H 分別代表 OKLCH 的亮度、飽和度、色相

註2:Tailwind 的顏色是到他的文檔中用此指令擷取下來:


(() => {
  const container = Array.from(document.querySelectorAll('.not-prose.grid.items-center.gap-4'))
    .find(el => el.className.includes('grid-cols-['))

  const result = {}
  const children = Array.from(container.children)

  for (let i = 0; i < children.length; i++) {
    const el = children[i]
    if (el.tagName === 'P') {
      const name = el.textContent.trim()
      const grid = children[i + 1]
      if (grid && grid.classList.contains('grid') && grid.classList.contains('grid-cols-11')) {
        const tooltips = Array.from(
          grid.querySelectorAll('[data-tooltip-content]')
        ).map(n => n.getAttribute('data-tooltip-content'))
        result[name] = tooltips
      }
    }
  }

  console.table(result)
  return result
})()

註3:Neutral, primary, secondary 分別代表 Blowfish 主題顏色的三種主色

註4:Blowfish 大多數色彩主題的 neutral 都是灰階,而 secondary 在整個專案中幾乎不使用(截至 v2.94.0)

註5:因此比較 neutral 顏色時,比較目標應該是 Tailwind 的灰階顏色(slate gray zinc neutral stone)