@jgarber/cosmic-latte

The universal beige.

[!NOTE] This project is mostly a joke. If you dig this particular shade of beige, just… use one of the color declarations. You probably don't need an npm package for this.

According to NASA's Astronomy Picture of the Day (published 1 December 2024):

What color is the universe? More precisely, if the entire sky were smeared out, what color would the final mix be? [The answer] is a conditionally perceived shade of beige. In computer parlance: #FFF8E7.

This package provides CSS custom properties (or, optionally Sass variables) for the universal beige, Cosmic Latte, in hex, RGB, and HSL varieties.

Installation

npm install --save-dev @jgarber/cosmic-latte

Usage

No, seriously, use one of the color declarations in either the CSS or Sass file. Copy, paste, all done.

Still here? Okay, fine.

If your project uses a tool like PostCSS (and, say, postcss-easy-import):

@import "@jgarber/cosmic-latte";

html {
  background-color: var(--cosmic-latte);
}

Or, if you prefer Sass, the @use rule has got you covered:

@use "@jgarber/cosmic-latte" as cl;

html {
  background-color: cl.$cosmic-latte;
}

The deprecated @import rule also works, though this syntax is not recommended:

@import "@jgarber/cosmic-latte";

html {
  background: $cosmic-latte;
}

License

This project is freely available under the MIT License.