MonitorOptions

import type { MonitorOptions } from "https://raw.githubusercontent.com/SheepTester/htmlifier/v1.0.2/src/htmlifier.ts";

Options customising the design of variable and list monitors.

Note that by default, unlike Scratch, monitors are translucent black with white text because dark theme is cool. I assume a common use of the HTMLifier is to publish projects on other websites like itch.io, and because of the negative stigma around Scratch being for beginners to programming, I think it could be helpful to make it less obvious that a project was made in Scratch.

interface MonitorOptions {

showContainer: boolean;

text: Colour;

valueBackground: Colour | null;

}

§Properties

showContainer: boolean

[src]

Whether to show the container box surrounding the monitor. In Scratch, this is normally shown in light grey, but in HTMLified projects it is translucent black. Default: true.

text: Colour

[src]

The text colour of the monitors' labels and values. Default: white.

valueBackground: Colour | null

[src]

Background colour of the monitor value. This includes the orange boxes around the variable value and red boxes around list item values. If null, then a translucent black will be used.

If valueBackground is null and showContainer is false, then only the monitor text will be shown.