Rosé Pine Build
All natural pine, faux fur and a bit of soho vibes for the classy minimalist
Theme generator for Rosé Pine
Getting started
Start by creating a template file. This will look similar to your desired theme file, replacing color values with Rosé Pine variables. For example, #ebbcba would now be $rose.
// template.json
{
"id": "$id",
"name": "$name",
"description": "$description",
"type": "$type",
"foreground": "$text",
"background": "$base"
}
Usage
Requires node
$ npx @rose-pine/build --help
Usage
$ npx @rose-pine/build [options]
Options
-t, --template Path to template file
-o, --output Directory for generated files
-p, --prefix Variable prefix
-f, --format Color output format
-s, --strip-spaces Strip spaces in output
Examples
$ npx @rose-pine/build -s -f rgb
$ npx @rose-pine/build -t ./template.yml -o ./
Formats
hex
#ebbcba
hex-ns
ebbcba
rgb
235, 188, 186
rgb-ns
235 188 186
rgb-array
[235, 188, 186]
rgb-function
rgb(235, 188, 186)
hsl
2, 55%, 83%
hsl-ns
2 55% 83%
hsl-array
[2, 55%, 83%]
hsl-function
rgb(2, 55%, 83%)
Variables
By default, variables are prefixed with
$
All values from @rose-pine/palette are available as well as the following:
id
rose-pine | rose-pine-moon | rose-pine-dawn
name
Rosé Pine | Rosé Pine Moon | Rosé Pine Dawn
description
All natural pine, faux fur and a bit of soho vibes for the classy minimalist
type
dark | dark | light
4 Nov 29, 2022
7 Oct 3, 2022
3 May 18, 2022
4 May 3, 2022
14 Jan 3, 2023
1 Dec 24, 2021
1 Feb 3, 2022
33 Oct 26, 2022
103 Dec 30, 2022
5 Dec 17, 2022