feature request: export to CSS?

[themerdev]

feature request: export to CSS?

[mjswensen]

I like this idea, @Offirmo . Here is what I'm thinking to do:

If the color set only exposes either a dark variant or a light variant, output a file like this:

:root {
  --shade0: <color>;
  --shade1: <color>;
  /* etc. */

  --accent0: <color>;
  --accent1: <color>;
  /* etc. */
}

If the color set exposes both a dark variant and a light variant, output a file like this:

/* the light variant */
:root {
  --shade0: <color>;
  --shade1: <color>;
  /* etc. */

  --accent0: <color>;
  --accent1: <color>;
  /* etc. */
}

@media (prefers-color-scheme: 'dark') {
  /* the dark variant */
  :root {
    --shade0: <color>;
    --shade1: <color>;
    /* etc. */

    --accent0: <color>;
    --accent1: <color>;
    /* etc. */
  }
}

Do you think that would make sense?

[mjswensen]

(TIL: if you press command-shift-return while typing a comment, the issue gets closed. Whoops 🙄 )

[mjswensen]

@Offirmo this is deployed now to themer.dev and available for CLI at @themer/css. I went with a slightly different format than the one proposed above—feel free to try it out and let me know if some other structure would be useful.