rose-pine / build

Theme generator for Rosé Pine
https://www.npmjs.com/package/@rose-pine/build
MIT License
21 stars 3 forks source link

How to generate the Dawn and Moon variants from the default #2

Closed ubmit closed 1 year ago

ubmit commented 2 years ago

I'm creating a theme for bat and since its themes are *.tmTheme files I used the one from https://github.com/rose-pine/sublime-text.

However, I'm not understanding how I can generate the Dawn and Moon variants from the default one which I've taken form the Sublime repo.

Here is the current repository in which I'm working on https://github.com/guilhermedeandrade/bat/tree/main. Also, here is a quick demo from the Rosé Pine bat theme:

image

Colors are off, actually. As you can see the import keywords are red/pink (I'm colorblind lol), when they should have the color that both App and useState have.

mvllow commented 2 years ago

On mobile at the moment but in short:

  1. Rename Rosé Pine.tmThemetemplate.tmTheme
  2. Replace hex values with their named equivalent, e.g. #c4a7e7$iris
  3. Build via npx @rose-pine/build -t ./template.tmTheme -o ./themes

Hope that helps :) If you have questions please ask!

ubmit commented 2 years ago

On mobile at the moment but in short:

  1. Rename Rosé Pine.tmThemetemplate.tmTheme
  2. Replace hex values with their named equivalent, e.g. #c4a7e7$iris
  3. Build via npx @rose-pine/build -t ./template.tmTheme -o ./themes

Hope that helps :) If you have questions please ask!

Thanks for the tips, I appreciate! However, looks like the colors being used here are from an old palette I guess. I say this because I've not found the colors on the palette available at the website.

What do you suggest in this case?

mvllow commented 2 years ago

Perhaps start with http://tmtheme-editor.herokuapp.com/#!/editor/theme/Monokai and update it using our palette while referencing https://rosepinetheme.com/docs/usage :)