@evilmartians/harmony - npm Package Compare versions

Comparing version 1.2.0 to 1.3.0

dist/tailwind/index.css

package.json

		{
		"name": "@evilmartians/harmony",
		"version": "1.2.0",
		"version": "1.3.0",
		"scripts": {
		@@ -15,2 +15,3 @@ "build": "deno task build",
		},
		"./tailwind.css": "./dist/tailwind/index.css",
		"./base": {
		@@ -17,0 +18,0 @@ "import": "./dist/base/index.mjs",

README.md

		@@ -7,6 +7,6 @@ ![Harmony](cover.png)
		[Harmony palette](https://www.figma.com/community/file/1287828769207775946/harmony-accessible-ui-color-palette)
		is designed to elevate control over color contrast in your design system. With
		the OKLCH color space and the innovative APCA contrast algorithm, Harmony offers
		highly consistent color shades, previously unavailable P3 gamut colors, and
		precise control over text and UI element contrast.
		is designed to elevate control over color contrast in your design system.
		- Uses OKLCH and APCA for highly consistent color shades
		- Has P3 options for modern screens
		- Created to keep precise control over text and UI element contrast

		@@ -36,2 +36,14 @@ <img src="https://cdn.evilmartians.com/badges/logo-no-label.svg" alt="" width="22" height="16" /> Made

		### Tailwind v4

		Simply import `@evilmartians/harmony/tailwind.css`:

		```css
		/* app.css, or anywhere within Tailwind-aware context */
		@import 'tailwindcss';
		@import "@evilmartians/harmony/tailwind.css";
		```

		### Tailwind v3

		```js
		@@ -64,3 +76,3 @@ // tailwind.config.js
		tailwindcss: {},
		+ '@csstools/postcss-oklab-function': { 'preserve': true },
		+ '@csstools/postcss-oklab-function': { 'preserve': true },
		autoprefixer: {},
		@@ -87,3 +99,3 @@ },
		```css
		@import '@evilmartians/harmony/css/index.css
		@import '@evilmartians/harmony/css/index.css';

		@@ -90,0 +102,0 @@ /* now you can use any color */

New alerts