Skip to content

pthorsson/paletteer.dev

Repository files navigation

Paletteer

A tool for creating color palettes that can be exported to various formats, such as CSS, SCSS and Tailwind config.

The method of making the palette is based on the key colors, black and white. The rest of the color sets are generated by a base color, and then shades towards the defined black and white colors. This is done using the css color-mix() function.

The project is built using Svelte in TypeScript.

Run and build project

Prerequisites

Install dependencies, run yarn in project root.

Build project

To build a dist of the project, run yarn build in the project root. That will output a built version into dist/, which can then be served by a webserver.

Local development

To start a local dev server, run yarn dev in the project root. This will launch a Vite dev server.