註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)