themer

npm install themer

 themer [options]

 cd my-dotfiles
npm install themer

{
  "scripts" : {
    "build" : " themer -c default -t vim -t vim-lightline -t hyper -t wallpaper-block-wave -o gen "
  }
}

npm run build

npx themer -c default -t vim -t wallpaper-block-wave -o output

 themer --color-set path/to/base16-scheme.yml ...

npm install themer

themer "; import myColors from "./my-colors"; import myTemplate from "./my-template"; // Example usage: generate Vim themes, 1440x900 wallpapers, and custom files // from themer 's "Night Sky" color set and a custom color set. const files = themer ( ["night-sky", myColors], ["vim", "wallpaper-block-wave", myTemplate], { wallpaperSizes: [{ width: 1440, height: 900 }] } ); for await (const file of files) { // ... }">

 import themer from " themer " ;
import myColors from "./my-colors" ;
import myTemplate from "./my-template" ;

// Example usage: generate Vim themes, 1440x900 wallpapers, and custom files
// from themer 's "Night Sky" color set and a custom color set.
const files = themer (
  [ "night-sky" , myColors ] ,
  [ "vim" , "wallpaper-block-wave" , myTemplate ] ,
  { wallpaperSizes : [ { width : 1440 , height : 900 } ] }
) ;

for await ( const file of files ) {
  // ...
}

themer"; const myColorSet: ColorSet = { // Color sets should provide a human-readable name. name: "My Color Set", // Color sets can define a dark variant, a light variant, or both. // Each variant provides two or eight shades and eight accent colors in hex format. variants: { // In a dark variant, shade0 should be the darkest and shade7 should be // the lightest. dark: { shade0: "#333333", // Note: you can define shades 1 through 6 yourself, or you can omit // them; if omitted, they will be calculated automatically by // interpolating between shade0 and shade7. shade7: "#eeeeee", accent0: "#ff4050", accent1: "#f28144", accent2: "#ffd24a", accent3: "#a4cc35", accent4: "#26c99e", accent5: "#66bfff", accent6: "#cc78fa", accent7: "#f553bf", }, // In a light variant, shade7 should be the darkest and shade0 should be // the lightest. light: { shade0: "#eeeeee", shade7: "#333333", accent0: "#f03e4d", accent1: "#f37735", accent2: "#eeba21", accent3: "#97bd2d", accent4: "#1fc598", accent5: "#53a6e1", accent6: "#bf65f0", accent7: "#ee4eb8", }, }, }; export default myColorSet;">

 import type { ColorSet } from " themer " ;

const myColorSet : ColorSet = {
  // Color sets should provide a human-readable name.
  name : "My Color Set" ,

  // Color sets can define a dark variant, a light variant, or both.
  // Each variant provides two or eight shades and eight accent colors in hex format.
  variants : {
    // In a dark variant, shade0 should be the darkest and shade7 should be
    // the lightest.
    dark : {
      shade0 : "#333333" ,
      // Note: you can define shades 1 through 6 yourself, or you can omit
      // them; if omitted, they will be calculated automatically by
      // interpolating between shade0 and shade7.
      shade7 : "#eeeeee" ,
      accent0 : "#ff4050" ,
      accent1 : "#f28144" ,
      accent2 : "#ffd24a" ,
      accent3 : "#a4cc35" ,
      accent4 : "#26c99e" ,
      accent5 : "#66bfff" ,
      accent6 : "#cc78fa" ,
      accent7 : "#f553bf" ,
    } ,

    // In a light variant, shade7 should be the darkest and shade0 should be
    // the lightest.
    light : {
      shade0 : "#eeeeee" ,
      shade7 : "#333333" ,
      accent0 : "#f03e4d" ,
      accent1 : "#f37735" ,
      accent2 : "#eeba21" ,
      accent3 : "#97bd2d" ,
      accent4 : "#1fc598" ,
      accent5 : "#53a6e1" ,
      accent6 : "#bf65f0" ,
      accent7 : "#ee4eb8" ,
    } ,
  } ,
} ;

export default myColorSet ;

themer"; const template: Template = { // Templates should provide a human-readable name. name: "My Template", // The render async generator function takes a color set and the render // options, and yields one or more output files. The color set is fully // expanded (e.g., if the color set did not include shades 1 through 6 // when originally authored, those intermediary shades will have already // been calculated and included). render: async function* (colorSet, options) { // The yielded output file has two properties: a string path (relative) // and a Buffer of the file's content. yield { path: "my-file.txt", content: Buffer.from("Hello, world!", "utf8"), }; }, // The renderInstructions function takes an array of paths generated from // the render function and should return a Markdown string, which will be // included in the generated README.md file. renderInstructions: (paths) => `Copy the files (${paths.join(" and ")}) to your home directory.`, }; export default template;">

 import type { Template } from " themer " ;

const template : Template = {
  // Templates should provide a human-readable name.
  name : "My Template" ,

  // The render async generator function takes a color set and the render
  // options, and yields one or more output files. The color set is fully
  // expanded (e.g., if the color set did not include shades 1 through 6
  // when originally authored, those intermediary shades will have already
  // been calculated and included).
  render : async function * ( colorSet , options ) {
    // The yielded output file has two properties: a string path (relative)
    // and a Buffer of the file's content.
    yield {
      path : "my-file.txt" ,
      content : Buffer . from ( "Hello, world!" , "utf8" ) ,
    } ;
  } ,

  // The renderInstructions function takes an array of paths generated from
  // the render function and should return a Markdown string, which will be
  // included in the generated README.md file.
  renderInstructions : ( paths ) =>
    `Copy the files ( ${ paths . join ( " and " ) } ) to your home directory.` ,
} ;

export default template ;