itty-chroma

v1 Documentation  |   Discord

---

Powerful styling for the browser console in under 500 bytes.

Features

• Tiny. It's about 470 bytes.
• Made specifically for the browser console.
• Simple and powerful API.

Example

import { chroma } from 'itty-chroma'

// keep it simple
chroma.red.bold.underline.log('This is bold, red, underlined text')

// or go wild
const badge = chroma.padding('3px 6px').bg('#444').white.radius('0.3rem')
const description = chroma.italic.color('#666').size('0.9em')

chroma.log(
  badge('Did You Know?'),
  description,
  'this is now in smaller, italic text',
  'and so is this... until we switch styles again',
  chroma.none,
  'but this is back to normal!'
)