Monokai workspace
Page colors, the header band, and the dotted frame shadow all come from shared variables.
Variable-based styling keeps the visual language consistent.
Monokai. Beyond one accent.
Warm charcoal, green actions, cyan links, and pink errors. All semantic color tokens are overridden; saved docs palettes do not recolor this example.
Dark mode adapts classic Monokai for UI contrast; light mode is a companion palette. Cycle the theme button to compare modes.
For a parameter-generated palette instead, use the palette playground.
Native controls
Tab through the controls to inspect focus colors.
Workspace name is available.
Choose a different workspace name.
Two stylesheets, no component overrides
<link rel="stylesheet" href="tty.css">
<link rel="stylesheet" href="monokai-theme.css">View palette CSS · Download palette · Download HTML
Status colors are overridden too. Embedded input icons remain separate image tokens.