Static Bloom

One system, every surface

Palette

@static-bloom/palette: four flavors of 24 colors, frozen as hex with RGB, HSL and OKLCH, shipped as JavaScript, JSON and CSS. A contrast gate checks every color. Palette

CSS

@static-bloom/css: tokens, locally bundled fonts, a base layer and framework-free sb-* components, from buttons to HUD panels. CSS components

Tailwind

@static-bloom/tailwind: a CSS-first Tailwind 4 theme with semantic colors, glow, grain and bracket utilities, flavor variants and a merge config. Tailwind setup

Vue

@static-bloom/vue: Sb* components on Reka UI, styled with the Tailwind theme, plus SbProvider and useFlavor. Vue

Astro & Starlight

@static-bloom/astro adds a flash-free flavor runtime and a layout; @static-bloom/starlight themes every Starlight surface, this site included. Astro

OPEN//77 in-game

WebUI pages run in a bundled Chromium over the game. Static Bloom bundles its fonts, avoids native popups and measures HUD legibility per flavor. In-game UIs

Four flavors

Dusk, Midnight and Blackout share one set of neon accents over different neutral ramps; Daybreak carries a deeper accent set for light pages. Each preview is a nested scope, so a single page can mix flavors:

<article data-flavor="daybreak" data-theme="light">…</article>

Dusk

dark

Plum ink. The softest dark, for long reading.

HP72

STA45

Use Duskdata-flavor="dusk"

Midnight

dark

Saturated midnight indigo. The default dark.

HP72

STA45

Use Midnightdata-flavor="midnight"

Blackout

dark

Near-black steel. Maximum contrast, the in-game HUD default.

HP72

STA45

Use Blackoutdata-flavor="blackout"

Daybreak

light

Pale dawn lavender. The light flavor for docs and the web.

HP72

STA45

Use Daybreakdata-flavor="daybreak"

Install

pnpm add @static-bloom/css

@import '@static-bloom/css';

<html data-flavor="midnight" data-theme="dark"></html>

The installation guide covers Tailwind, Vue, Astro, Starlight and in-game resources.

Not the base game’s HUD

Static Bloom sits next to Cyberpunk 2077 without imitating it. The palette gate fails the build when any dark accent comes within ΔE_OK 0.07 of the game’s UI reds, yellows and cyans, so plasma pink and ultraviolet lead where the game uses yellow and cyan. Corners stay soft (6px by default) instead of chamfered, and the signatures are bloom glow, static grain and corner brackets. It also stays clear of the OPEN//77 platform kit’s cyan accent and chamfered panels.