@jupyter-kit/theme-all

Every chrome + syntax theme for @jupyter-kit in one package. Use it when you want a runtime theme switcher; for a single fixed look use one of the @jupyter-kit/theme-<chrome> packages instead.

What's inside

• 13 chrome stylesheets under chrome/<name>.css: chesterish, dark, darkbronco, default, dorkula, grade3, gruvboxd, gruvboxl, monokai, oceans16, onedork, solarizedd, solarizedl.
• 8 syntax stylesheets under syntax/<name>.css: dracula, github-light, monokai, one-dark, one-light, solarized-dark, solarized-light, vsc-dark-plus.

Install

pnpm add @jupyter-kit/theme-all

Usage

Import one chrome and one syntax stylesheet. Swap them at runtime by swapping which one you import (or by toggling <style> tags using the ?inline Vite query):

// Static import:
import '@jupyter-kit/theme-all/chrome/monokai.css';
import '@jupyter-kit/theme-all/syntax/one-dark.css';

// Or as a string for runtime injection:
import monokaiCss from '@jupyter-kit/theme-all/chrome/monokai.css?inline';
import oneDarkCss from '@jupyter-kit/theme-all/syntax/one-dark.css?inline';
// then drop the strings into <style> tags as the user picks themes.

See the live theme switcher demo for the full pattern, and the theme catalog for previews.