A TailwindCSS plugin that adds iOS/macOS-style semantic colors with dark mode support.
npm install tailwindcss-uikit-colorsA TailwindCSS plugin that adds iOS/macOS-style semantic colors with dark mode support.
``bash`
npm install tailwindcss-uikit-colors
`ts
import { withUIKit } from 'tailwindcss-uikit-colors'
// or
import { withUIKit } from 'tailwindcss-uikit-colors/macos'
export default withUIKit({
// your existing tailwind config
})
`
Then import the colors CSS in your main.css:
`css
@import 'tailwindcss-uikit-colors/selector.css'
/*
or
@import 'tailwindcss-uikit-colors/media.css'
*/
`
Or macOS:
`css
@import 'tailwindcss-uikit-colors/macos/selector.css'
/*
or
@import 'tailwindcss-uikit-colors/macos/media.css'
*/
`
The plugin adds the following colors to your TailwindCSS configuration:
`ts
// tailwind.config.js
colors: {
...configColors,
}
``
2025 © Innei, Released under the MIT License.
> Personal Website · GitHub @Innei