💾 Archived View for mfgames.com › blog › 2024 › 05 › 09 › refactoring-again captured on 2024-05-10 at 10:40:46. Gemini links have been rewritten to link to archived content

-=-=-=-=-=-=-

Refactoring Again (Priduck Color Theme)

Up a Level

Originally, when this theme was created, it made sense to create two separate packages to provide the theme, one for the CSS files themselves and the other for a CLI to generate the source files.

These we needed to generate GPL palettes for Inkscape[1] and that specific abstraction started to crumble. The result is that we merged the two Priduck repositories together and made it a single theme, with the intent that one would generate the files they want instead of a tiny package that just provided a single CSS variables version.

1: https://inkscape.org/

This will also allow for the generation of character-specific stylesheets over at Fedran[2] not to mention the book covers over there.

2: //fedran.com

The CLI

The CLI is pretty simple, a verb-based Node script that installs into the `node_modules/.bin` folder as usual:

$ priduck
priduck <cmd> [args]

Commands:
  priduck css      Generate CSS files
  priduck palette  Generate palette files

Options:
  --version  Show version number                                       [boolean]
  --help     Show help                                                 [boolean]

Not enough non-option arguments: got 0, need at least 2

The three basic commands are:

`priduck css variables [--output /path/style.css]` to generate the CSS variables CSS file.
`priduck css mixin` to combine CSS fragments files instead a combination of media queries and data attributes for supporting `prefers-color-scheme` and `prefers-contrast` options.
`priduck palette gpl --hue [--output example.gpl]` which generates a hue-specific palette file for GNU Imp and Inkscape.

Documentation

Along the process, a project can never be done if it isn't documented, so we wrote some documentation[3]. It gives the general gist of the tool. We'll expand on it some more “someday.”

3: /priduck-color-theme-cli-js/

Metadata

Categories:

Priduck Color Theme

Footer

Below are various useful links within this site and to related sites (not all have been converted over to Gemini).