Supported Styles

December 25, 2024 · View on GitHub

256 styles exported from highlight.js@11.11.1

1c-light (`_1cLight`)

Injected Styles

<script>
  import _1cLight from "svelte-highlight/styles/_1cLight";
</script>

<svelte:head>
  {@html _1cLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/1c-light.css";
</script>

3024 (`_3024`)

Injected Styles

<script>
  import _3024 from "svelte-highlight/styles/_3024";
</script>

<svelte:head>
  {@html _3024}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/3024.css";
</script>

Injected Styles

<script>
  import a11yDark from "svelte-highlight/styles/a11yDark";
</script>

<svelte:head>
  {@html a11yDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/a11y-dark.css";
</script>

Injected Styles

<script>
  import a11yLight from "svelte-highlight/styles/a11yLight";
</script>

<svelte:head>
  {@html a11yLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/a11y-light.css";
</script>

agate (`agate`)

Injected Styles

<script>
  import agate from "svelte-highlight/styles/agate";
</script>

<svelte:head>
  {@html agate}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/agate.css";
</script>

an-old-hope (`anOldHope`)

Injected Styles

<script>
  import anOldHope from "svelte-highlight/styles/anOldHope";
</script>

<svelte:head>
  {@html anOldHope}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/an-old-hope.css";
</script>

androidstudio (`androidstudio`)

Injected Styles

<script>
  import androidstudio from "svelte-highlight/styles/androidstudio";
</script>

<svelte:head>
  {@html androidstudio}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/androidstudio.css";
</script>

apathy (`apathy`)

Injected Styles

<script>
  import apathy from "svelte-highlight/styles/apathy";
</script>

<svelte:head>
  {@html apathy}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/apathy.css";
</script>

apprentice (`apprentice`)

Injected Styles

<script>
  import apprentice from "svelte-highlight/styles/apprentice";
</script>

<svelte:head>
  {@html apprentice}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/apprentice.css";
</script>

arduino-light (`arduinoLight`)

Injected Styles

<script>
  import arduinoLight from "svelte-highlight/styles/arduinoLight";
</script>

<svelte:head>
  {@html arduinoLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/arduino-light.css";
</script>

arta (`arta`)

Injected Styles

<script>
  import arta from "svelte-highlight/styles/arta";
</script>

<svelte:head>
  {@html arta}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/arta.css";
</script>

ascetic (`ascetic`)

Injected Styles

<script>
  import ascetic from "svelte-highlight/styles/ascetic";
</script>

<svelte:head>
  {@html ascetic}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/ascetic.css";
</script>

ashes (`ashes`)

Injected Styles

<script>
  import ashes from "svelte-highlight/styles/ashes";
</script>

<svelte:head>
  {@html ashes}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/ashes.css";
</script>

atelier-cave (`atelierCave`)

Injected Styles

<script>
  import atelierCave from "svelte-highlight/styles/atelierCave";
</script>

<svelte:head>
  {@html atelierCave}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-cave.css";
</script>

atelier-cave-light (`atelierCaveLight`)

Injected Styles

<script>
  import atelierCaveLight from "svelte-highlight/styles/atelierCaveLight";
</script>

<svelte:head>
  {@html atelierCaveLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-cave-light.css";
</script>

atelier-dune (`atelierDune`)

Injected Styles

<script>
  import atelierDune from "svelte-highlight/styles/atelierDune";
</script>

<svelte:head>
  {@html atelierDune}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-dune.css";
</script>

atelier-dune-light (`atelierDuneLight`)

Injected Styles

<script>
  import atelierDuneLight from "svelte-highlight/styles/atelierDuneLight";
</script>

<svelte:head>
  {@html atelierDuneLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-dune-light.css";
</script>

atelier-estuary (`atelierEstuary`)

Injected Styles

<script>
  import atelierEstuary from "svelte-highlight/styles/atelierEstuary";
</script>

<svelte:head>
  {@html atelierEstuary}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-estuary.css";
</script>

atelier-estuary-light (`atelierEstuaryLight`)

Injected Styles

<script>
  import atelierEstuaryLight from "svelte-highlight/styles/atelierEstuaryLight";
</script>

<svelte:head>
  {@html atelierEstuaryLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-estuary-light.css";
</script>

atelier-forest (`atelierForest`)

Injected Styles

<script>
  import atelierForest from "svelte-highlight/styles/atelierForest";
</script>

<svelte:head>
  {@html atelierForest}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-forest.css";
</script>

atelier-forest-light (`atelierForestLight`)

Injected Styles

<script>
  import atelierForestLight from "svelte-highlight/styles/atelierForestLight";
</script>

<svelte:head>
  {@html atelierForestLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-forest-light.css";
</script>

atelier-heath (`atelierHeath`)

Injected Styles

<script>
  import atelierHeath from "svelte-highlight/styles/atelierHeath";
</script>

<svelte:head>
  {@html atelierHeath}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-heath.css";
</script>

atelier-heath-light (`atelierHeathLight`)

Injected Styles

<script>
  import atelierHeathLight from "svelte-highlight/styles/atelierHeathLight";
</script>

<svelte:head>
  {@html atelierHeathLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-heath-light.css";
</script>

atelier-lakeside (`atelierLakeside`)

Injected Styles

<script>
  import atelierLakeside from "svelte-highlight/styles/atelierLakeside";
</script>

<svelte:head>
  {@html atelierLakeside}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-lakeside.css";
</script>

atelier-lakeside-light (`atelierLakesideLight`)

Injected Styles

<script>
  import atelierLakesideLight from "svelte-highlight/styles/atelierLakesideLight";
</script>

<svelte:head>
  {@html atelierLakesideLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-lakeside-light.css";
</script>

atelier-plateau (`atelierPlateau`)

Injected Styles

<script>
  import atelierPlateau from "svelte-highlight/styles/atelierPlateau";
</script>

<svelte:head>
  {@html atelierPlateau}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-plateau.css";
</script>

atelier-plateau-light (`atelierPlateauLight`)

Injected Styles

<script>
  import atelierPlateauLight from "svelte-highlight/styles/atelierPlateauLight";
</script>

<svelte:head>
  {@html atelierPlateauLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-plateau-light.css";
</script>

atelier-savanna (`atelierSavanna`)

Injected Styles

<script>
  import atelierSavanna from "svelte-highlight/styles/atelierSavanna";
</script>

<svelte:head>
  {@html atelierSavanna}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-savanna.css";
</script>

atelier-savanna-light (`atelierSavannaLight`)

Injected Styles

<script>
  import atelierSavannaLight from "svelte-highlight/styles/atelierSavannaLight";
</script>

<svelte:head>
  {@html atelierSavannaLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-savanna-light.css";
</script>

atelier-seaside (`atelierSeaside`)

Injected Styles

<script>
  import atelierSeaside from "svelte-highlight/styles/atelierSeaside";
</script>

<svelte:head>
  {@html atelierSeaside}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-seaside.css";
</script>

atelier-seaside-light (`atelierSeasideLight`)

Injected Styles

<script>
  import atelierSeasideLight from "svelte-highlight/styles/atelierSeasideLight";
</script>

<svelte:head>
  {@html atelierSeasideLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-seaside-light.css";
</script>

atelier-sulphurpool (`atelierSulphurpool`)

Injected Styles

<script>
  import atelierSulphurpool from "svelte-highlight/styles/atelierSulphurpool";
</script>

<svelte:head>
  {@html atelierSulphurpool}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-sulphurpool.css";
</script>

atelier-sulphurpool-light (`atelierSulphurpoolLight`)

Injected Styles

<script>
  import atelierSulphurpoolLight from "svelte-highlight/styles/atelierSulphurpoolLight";
</script>

<svelte:head>
  {@html atelierSulphurpoolLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atelier-sulphurpool-light.css";
</script>

atlas (`atlas`)

Injected Styles

<script>
  import atlas from "svelte-highlight/styles/atlas";
</script>

<svelte:head>
  {@html atlas}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atlas.css";
</script>

atom-one-dark (`atomOneDark`)

Injected Styles

<script>
  import atomOneDark from "svelte-highlight/styles/atomOneDark";
</script>

<svelte:head>
  {@html atomOneDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atom-one-dark.css";
</script>

atom-one-dark-reasonable (`atomOneDarkReasonable`)

Injected Styles

<script>
  import atomOneDarkReasonable from "svelte-highlight/styles/atomOneDarkReasonable";
</script>

<svelte:head>
  {@html atomOneDarkReasonable}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atom-one-dark-reasonable.css";
</script>

atom-one-light (`atomOneLight`)

Injected Styles

<script>
  import atomOneLight from "svelte-highlight/styles/atomOneLight";
</script>

<svelte:head>
  {@html atomOneLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/atom-one-light.css";
</script>

base16-github (`base16Github`)

Injected Styles

<script>
  import base16Github from "svelte-highlight/styles/base16Github";
</script>

<svelte:head>
  {@html base16Github}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/base16-github.css";
</script>

base16-ir-black (`base16IrBlack`)

Injected Styles

<script>
  import base16IrBlack from "svelte-highlight/styles/base16IrBlack";
</script>

<svelte:head>
  {@html base16IrBlack}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/base16-ir-black.css";
</script>

base16-monokai (`base16Monokai`)

Injected Styles

<script>
  import base16Monokai from "svelte-highlight/styles/base16Monokai";
</script>

<svelte:head>
  {@html base16Monokai}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/base16-monokai.css";
</script>

base16-nord (`base16Nord`)

Injected Styles

<script>
  import base16Nord from "svelte-highlight/styles/base16Nord";
</script>

<svelte:head>
  {@html base16Nord}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/base16-nord.css";
</script>

bespin (`bespin`)

Injected Styles

<script>
  import bespin from "svelte-highlight/styles/bespin";
</script>

<svelte:head>
  {@html bespin}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/bespin.css";
</script>

black-metal (`blackMetal`)

Injected Styles

<script>
  import blackMetal from "svelte-highlight/styles/blackMetal";
</script>

<svelte:head>
  {@html blackMetal}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/black-metal.css";
</script>

black-metal-bathory (`blackMetalBathory`)

Injected Styles

<script>
  import blackMetalBathory from "svelte-highlight/styles/blackMetalBathory";
</script>

<svelte:head>
  {@html blackMetalBathory}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/black-metal-bathory.css";
</script>

black-metal-burzum (`blackMetalBurzum`)

Injected Styles

<script>
  import blackMetalBurzum from "svelte-highlight/styles/blackMetalBurzum";
</script>

<svelte:head>
  {@html blackMetalBurzum}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/black-metal-burzum.css";
</script>

black-metal-dark-funeral (`blackMetalDarkFuneral`)

Injected Styles

<script>
  import blackMetalDarkFuneral from "svelte-highlight/styles/blackMetalDarkFuneral";
</script>

<svelte:head>
  {@html blackMetalDarkFuneral}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/black-metal-dark-funeral.css";
</script>

black-metal-gorgoroth (`blackMetalGorgoroth`)

Injected Styles

<script>
  import blackMetalGorgoroth from "svelte-highlight/styles/blackMetalGorgoroth";
</script>

<svelte:head>
  {@html blackMetalGorgoroth}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/black-metal-gorgoroth.css";
</script>

black-metal-immortal (`blackMetalImmortal`)

Injected Styles

<script>
  import blackMetalImmortal from "svelte-highlight/styles/blackMetalImmortal";
</script>

<svelte:head>
  {@html blackMetalImmortal}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/black-metal-immortal.css";
</script>

black-metal-khold (`blackMetalKhold`)

Injected Styles

<script>
  import blackMetalKhold from "svelte-highlight/styles/blackMetalKhold";
</script>

<svelte:head>
  {@html blackMetalKhold}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/black-metal-khold.css";
</script>

black-metal-marduk (`blackMetalMarduk`)

Injected Styles

<script>
  import blackMetalMarduk from "svelte-highlight/styles/blackMetalMarduk";
</script>

<svelte:head>
  {@html blackMetalMarduk}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/black-metal-marduk.css";
</script>

black-metal-mayhem (`blackMetalMayhem`)

Injected Styles

<script>
  import blackMetalMayhem from "svelte-highlight/styles/blackMetalMayhem";
</script>

<svelte:head>
  {@html blackMetalMayhem}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/black-metal-mayhem.css";
</script>

black-metal-nile (`blackMetalNile`)

Injected Styles

<script>
  import blackMetalNile from "svelte-highlight/styles/blackMetalNile";
</script>

<svelte:head>
  {@html blackMetalNile}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/black-metal-nile.css";
</script>

black-metal-venom (`blackMetalVenom`)

Injected Styles

<script>
  import blackMetalVenom from "svelte-highlight/styles/blackMetalVenom";
</script>

<svelte:head>
  {@html blackMetalVenom}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/black-metal-venom.css";
</script>

brewer (`brewer`)

Injected Styles

<script>
  import brewer from "svelte-highlight/styles/brewer";
</script>

<svelte:head>
  {@html brewer}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/brewer.css";
</script>

bright (`bright`)

Injected Styles

<script>
  import bright from "svelte-highlight/styles/bright";
</script>

<svelte:head>
  {@html bright}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/bright.css";
</script>

brogrammer (`brogrammer`)

Injected Styles

<script>
  import brogrammer from "svelte-highlight/styles/brogrammer";
</script>

<svelte:head>
  {@html brogrammer}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/brogrammer.css";
</script>

brown-paper (`brownPaper`)

Injected Styles

<script>
  import brownPaper from "svelte-highlight/styles/brownPaper";
</script>

<svelte:head>
  {@html brownPaper}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/brown-paper.css";
</script>

brush-trees (`brushTrees`)

Injected Styles

<script>
  import brushTrees from "svelte-highlight/styles/brushTrees";
</script>

<svelte:head>
  {@html brushTrees}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/brush-trees.css";
</script>

brush-trees-dark (`brushTreesDark`)

Injected Styles

<script>
  import brushTreesDark from "svelte-highlight/styles/brushTreesDark";
</script>

<svelte:head>
  {@html brushTreesDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/brush-trees-dark.css";
</script>

chalk (`chalk`)

Injected Styles

<script>
  import chalk from "svelte-highlight/styles/chalk";
</script>

<svelte:head>
  {@html chalk}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/chalk.css";
</script>

circus (`circus`)

Injected Styles

<script>
  import circus from "svelte-highlight/styles/circus";
</script>

<svelte:head>
  {@html circus}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/circus.css";
</script>

classic-dark (`classicDark`)

Injected Styles

<script>
  import classicDark from "svelte-highlight/styles/classicDark";
</script>

<svelte:head>
  {@html classicDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/classic-dark.css";
</script>

classic-light (`classicLight`)

Injected Styles

<script>
  import classicLight from "svelte-highlight/styles/classicLight";
</script>

<svelte:head>
  {@html classicLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/classic-light.css";
</script>

codepen-embed (`codepenEmbed`)

Injected Styles

<script>
  import codepenEmbed from "svelte-highlight/styles/codepenEmbed";
</script>

<svelte:head>
  {@html codepenEmbed}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/codepen-embed.css";
</script>

codeschool (`codeschool`)

Injected Styles

<script>
  import codeschool from "svelte-highlight/styles/codeschool";
</script>

<svelte:head>
  {@html codeschool}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/codeschool.css";
</script>

color-brewer (`colorBrewer`)

Injected Styles

<script>
  import colorBrewer from "svelte-highlight/styles/colorBrewer";
</script>

<svelte:head>
  {@html colorBrewer}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/color-brewer.css";
</script>

colors (`colors`)

Injected Styles

<script>
  import colors from "svelte-highlight/styles/colors";
</script>

<svelte:head>
  {@html colors}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/colors.css";
</script>

cupcake (`cupcake`)

Injected Styles

<script>
  import cupcake from "svelte-highlight/styles/cupcake";
</script>

<svelte:head>
  {@html cupcake}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/cupcake.css";
</script>

cupertino (`cupertino`)

Injected Styles

<script>
  import cupertino from "svelte-highlight/styles/cupertino";
</script>

<svelte:head>
  {@html cupertino}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/cupertino.css";
</script>

cybertopia-cherry (`cybertopiaCherry`)

Injected Styles

<script>
  import cybertopiaCherry from "svelte-highlight/styles/cybertopiaCherry";
</script>

<svelte:head>
  {@html cybertopiaCherry}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/cybertopia-cherry.css";
</script>

cybertopia-dimmer (`cybertopiaDimmer`)

Injected Styles

<script>
  import cybertopiaDimmer from "svelte-highlight/styles/cybertopiaDimmer";
</script>

<svelte:head>
  {@html cybertopiaDimmer}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/cybertopia-dimmer.css";
</script>

cybertopia-icecap (`cybertopiaIcecap`)

Injected Styles

<script>
  import cybertopiaIcecap from "svelte-highlight/styles/cybertopiaIcecap";
</script>

<svelte:head>
  {@html cybertopiaIcecap}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/cybertopia-icecap.css";
</script>

cybertopia-saturated (`cybertopiaSaturated`)

Injected Styles

<script>
  import cybertopiaSaturated from "svelte-highlight/styles/cybertopiaSaturated";
</script>

<svelte:head>
  {@html cybertopiaSaturated}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/cybertopia-saturated.css";
</script>

danqing (`danqing`)

Injected Styles

<script>
  import danqing from "svelte-highlight/styles/danqing";
</script>

<svelte:head>
  {@html danqing}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/danqing.css";
</script>

darcula (`darcula`)

Injected Styles

<script>
  import darcula from "svelte-highlight/styles/darcula";
</script>

<svelte:head>
  {@html darcula}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/darcula.css";
</script>

dark (`dark`)

Injected Styles

<script>
  import dark from "svelte-highlight/styles/dark";
</script>

<svelte:head>
  {@html dark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/dark.css";
</script>

dark-violet (`darkViolet`)

Injected Styles

<script>
  import darkViolet from "svelte-highlight/styles/darkViolet";
</script>

<svelte:head>
  {@html darkViolet}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/dark-violet.css";
</script>

darkmoss (`darkmoss`)

Injected Styles

<script>
  import darkmoss from "svelte-highlight/styles/darkmoss";
</script>

<svelte:head>
  {@html darkmoss}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/darkmoss.css";
</script>

darktooth (`darktooth`)

Injected Styles

<script>
  import darktooth from "svelte-highlight/styles/darktooth";
</script>

<svelte:head>
  {@html darktooth}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/darktooth.css";
</script>

decaf (`decaf`)

Injected Styles

<script>
  import decaf from "svelte-highlight/styles/decaf";
</script>

<svelte:head>
  {@html decaf}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/decaf.css";
</script>

default (`_default`)

Injected Styles

<script>
  import _default from "svelte-highlight/styles/_default";
</script>

<svelte:head>
  {@html _default}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/default.css";
</script>

default-dark (`defaultDark`)

Injected Styles

<script>
  import defaultDark from "svelte-highlight/styles/defaultDark";
</script>

<svelte:head>
  {@html defaultDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/default-dark.css";
</script>

default-light (`defaultLight`)

Injected Styles

<script>
  import defaultLight from "svelte-highlight/styles/defaultLight";
</script>

<svelte:head>
  {@html defaultLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/default-light.css";
</script>

devibeans (`devibeans`)

Injected Styles

<script>
  import devibeans from "svelte-highlight/styles/devibeans";
</script>

<svelte:head>
  {@html devibeans}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/devibeans.css";
</script>

dirtysea (`dirtysea`)

Injected Styles

<script>
  import dirtysea from "svelte-highlight/styles/dirtysea";
</script>

<svelte:head>
  {@html dirtysea}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/dirtysea.css";
</script>

docco (`docco`)

Injected Styles

<script>
  import docco from "svelte-highlight/styles/docco";
</script>

<svelte:head>
  {@html docco}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/docco.css";
</script>

dracula (`dracula`)

Injected Styles

<script>
  import dracula from "svelte-highlight/styles/dracula";
</script>

<svelte:head>
  {@html dracula}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/dracula.css";
</script>

edge-dark (`edgeDark`)

Injected Styles

<script>
  import edgeDark from "svelte-highlight/styles/edgeDark";
</script>

<svelte:head>
  {@html edgeDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/edge-dark.css";
</script>

edge-light (`edgeLight`)

Injected Styles

<script>
  import edgeLight from "svelte-highlight/styles/edgeLight";
</script>

<svelte:head>
  {@html edgeLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/edge-light.css";
</script>

eighties (`eighties`)

Injected Styles

<script>
  import eighties from "svelte-highlight/styles/eighties";
</script>

<svelte:head>
  {@html eighties}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/eighties.css";
</script>

embers (`embers`)

Injected Styles

<script>
  import embers from "svelte-highlight/styles/embers";
</script>

<svelte:head>
  {@html embers}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/embers.css";
</script>

equilibrium-dark (`equilibriumDark`)

Injected Styles

<script>
  import equilibriumDark from "svelte-highlight/styles/equilibriumDark";
</script>

<svelte:head>
  {@html equilibriumDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/equilibrium-dark.css";
</script>

equilibrium-gray-dark (`equilibriumGrayDark`)

Injected Styles

<script>
  import equilibriumGrayDark from "svelte-highlight/styles/equilibriumGrayDark";
</script>

<svelte:head>
  {@html equilibriumGrayDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/equilibrium-gray-dark.css";
</script>

equilibrium-gray-light (`equilibriumGrayLight`)

Injected Styles

<script>
  import equilibriumGrayLight from "svelte-highlight/styles/equilibriumGrayLight";
</script>

<svelte:head>
  {@html equilibriumGrayLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/equilibrium-gray-light.css";
</script>

equilibrium-light (`equilibriumLight`)

Injected Styles

<script>
  import equilibriumLight from "svelte-highlight/styles/equilibriumLight";
</script>

<svelte:head>
  {@html equilibriumLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/equilibrium-light.css";
</script>

espresso (`espresso`)

Injected Styles

<script>
  import espresso from "svelte-highlight/styles/espresso";
</script>

<svelte:head>
  {@html espresso}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/espresso.css";
</script>

eva (`eva`)

Injected Styles

<script>
  import eva from "svelte-highlight/styles/eva";
</script>

<svelte:head>
  {@html eva}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/eva.css";
</script>

eva-dim (`evaDim`)

Injected Styles

<script>
  import evaDim from "svelte-highlight/styles/evaDim";
</script>

<svelte:head>
  {@html evaDim}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/eva-dim.css";
</script>

far (`far`)

Injected Styles

<script>
  import far from "svelte-highlight/styles/far";
</script>

<svelte:head>
  {@html far}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/far.css";
</script>

felipec (`felipec`)

Injected Styles

<script>
  import felipec from "svelte-highlight/styles/felipec";
</script>

<svelte:head>
  {@html felipec}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/felipec.css";
</script>

flat (`flat`)

Injected Styles

<script>
  import flat from "svelte-highlight/styles/flat";
</script>

<svelte:head>
  {@html flat}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/flat.css";
</script>

foundation (`foundation`)

Injected Styles

<script>
  import foundation from "svelte-highlight/styles/foundation";
</script>

<svelte:head>
  {@html foundation}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/foundation.css";
</script>

framer (`framer`)

Injected Styles

<script>
  import framer from "svelte-highlight/styles/framer";
</script>

<svelte:head>
  {@html framer}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/framer.css";
</script>

fruit-soda (`fruitSoda`)

Injected Styles

<script>
  import fruitSoda from "svelte-highlight/styles/fruitSoda";
</script>

<svelte:head>
  {@html fruitSoda}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/fruit-soda.css";
</script>

gigavolt (`gigavolt`)

Injected Styles

<script>
  import gigavolt from "svelte-highlight/styles/gigavolt";
</script>

<svelte:head>
  {@html gigavolt}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/gigavolt.css";
</script>

github (`github`)

Injected Styles

<script>
  import github from "svelte-highlight/styles/github";
</script>

<svelte:head>
  {@html github}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/github.css";
</script>

github-dark (`githubDark`)

Injected Styles

<script>
  import githubDark from "svelte-highlight/styles/githubDark";
</script>

<svelte:head>
  {@html githubDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/github-dark.css";
</script>

github-dark-dimmed (`githubDarkDimmed`)

Injected Styles

<script>
  import githubDarkDimmed from "svelte-highlight/styles/githubDarkDimmed";
</script>

<svelte:head>
  {@html githubDarkDimmed}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/github-dark-dimmed.css";
</script>

gml (`gml`)

Injected Styles

<script>
  import gml from "svelte-highlight/styles/gml";
</script>

<svelte:head>
  {@html gml}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/gml.css";
</script>

google-dark (`googleDark`)

Injected Styles

<script>
  import googleDark from "svelte-highlight/styles/googleDark";
</script>

<svelte:head>
  {@html googleDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/google-dark.css";
</script>

google-light (`googleLight`)

Injected Styles

<script>
  import googleLight from "svelte-highlight/styles/googleLight";
</script>

<svelte:head>
  {@html googleLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/google-light.css";
</script>

googlecode (`googlecode`)

Injected Styles

<script>
  import googlecode from "svelte-highlight/styles/googlecode";
</script>

<svelte:head>
  {@html googlecode}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/googlecode.css";
</script>

gradient-dark (`gradientDark`)

Injected Styles

<script>
  import gradientDark from "svelte-highlight/styles/gradientDark";
</script>

<svelte:head>
  {@html gradientDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/gradient-dark.css";
</script>

gradient-light (`gradientLight`)

Injected Styles

<script>
  import gradientLight from "svelte-highlight/styles/gradientLight";
</script>

<svelte:head>
  {@html gradientLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/gradient-light.css";
</script>

grayscale (`grayscale`)

Injected Styles

<script>
  import grayscale from "svelte-highlight/styles/grayscale";
</script>

<svelte:head>
  {@html grayscale}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/grayscale.css";
</script>

grayscale-dark (`grayscaleDark`)

Injected Styles

<script>
  import grayscaleDark from "svelte-highlight/styles/grayscaleDark";
</script>

<svelte:head>
  {@html grayscaleDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/grayscale-dark.css";
</script>

grayscale-light (`grayscaleLight`)

Injected Styles

<script>
  import grayscaleLight from "svelte-highlight/styles/grayscaleLight";
</script>

<svelte:head>
  {@html grayscaleLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/grayscale-light.css";
</script>

green-screen (`greenScreen`)

Injected Styles

<script>
  import greenScreen from "svelte-highlight/styles/greenScreen";
</script>

<svelte:head>
  {@html greenScreen}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/green-screen.css";
</script>

gruvbox-dark-hard (`gruvboxDarkHard`)

Injected Styles

<script>
  import gruvboxDarkHard from "svelte-highlight/styles/gruvboxDarkHard";
</script>

<svelte:head>
  {@html gruvboxDarkHard}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/gruvbox-dark-hard.css";
</script>

gruvbox-dark-medium (`gruvboxDarkMedium`)

Injected Styles

<script>
  import gruvboxDarkMedium from "svelte-highlight/styles/gruvboxDarkMedium";
</script>

<svelte:head>
  {@html gruvboxDarkMedium}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/gruvbox-dark-medium.css";
</script>

gruvbox-dark-pale (`gruvboxDarkPale`)

Injected Styles

<script>
  import gruvboxDarkPale from "svelte-highlight/styles/gruvboxDarkPale";
</script>

<svelte:head>
  {@html gruvboxDarkPale}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/gruvbox-dark-pale.css";
</script>

gruvbox-dark-soft (`gruvboxDarkSoft`)

Injected Styles

<script>
  import gruvboxDarkSoft from "svelte-highlight/styles/gruvboxDarkSoft";
</script>

<svelte:head>
  {@html gruvboxDarkSoft}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/gruvbox-dark-soft.css";
</script>

gruvbox-light-hard (`gruvboxLightHard`)

Injected Styles

<script>
  import gruvboxLightHard from "svelte-highlight/styles/gruvboxLightHard";
</script>

<svelte:head>
  {@html gruvboxLightHard}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/gruvbox-light-hard.css";
</script>

gruvbox-light-medium (`gruvboxLightMedium`)

Injected Styles

<script>
  import gruvboxLightMedium from "svelte-highlight/styles/gruvboxLightMedium";
</script>

<svelte:head>
  {@html gruvboxLightMedium}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/gruvbox-light-medium.css";
</script>

gruvbox-light-soft (`gruvboxLightSoft`)

Injected Styles

<script>
  import gruvboxLightSoft from "svelte-highlight/styles/gruvboxLightSoft";
</script>

<svelte:head>
  {@html gruvboxLightSoft}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/gruvbox-light-soft.css";
</script>

hardcore (`hardcore`)

Injected Styles

<script>
  import hardcore from "svelte-highlight/styles/hardcore";
</script>

<svelte:head>
  {@html hardcore}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/hardcore.css";
</script>

harmonic16-dark (`harmonic16Dark`)

Injected Styles

<script>
  import harmonic16Dark from "svelte-highlight/styles/harmonic16Dark";
</script>

<svelte:head>
  {@html harmonic16Dark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/harmonic16-dark.css";
</script>

harmonic16-light (`harmonic16Light`)

Injected Styles

<script>
  import harmonic16Light from "svelte-highlight/styles/harmonic16Light";
</script>

<svelte:head>
  {@html harmonic16Light}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/harmonic16-light.css";
</script>

heetch-dark (`heetchDark`)

Injected Styles

<script>
  import heetchDark from "svelte-highlight/styles/heetchDark";
</script>

<svelte:head>
  {@html heetchDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/heetch-dark.css";
</script>

heetch-light (`heetchLight`)

Injected Styles

<script>
  import heetchLight from "svelte-highlight/styles/heetchLight";
</script>

<svelte:head>
  {@html heetchLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/heetch-light.css";
</script>

helios (`helios`)

Injected Styles

<script>
  import helios from "svelte-highlight/styles/helios";
</script>

<svelte:head>
  {@html helios}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/helios.css";
</script>

hopscotch (`hopscotch`)

Injected Styles

<script>
  import hopscotch from "svelte-highlight/styles/hopscotch";
</script>

<svelte:head>
  {@html hopscotch}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/hopscotch.css";
</script>

horizon-dark (`horizonDark`)

Injected Styles

<script>
  import horizonDark from "svelte-highlight/styles/horizonDark";
</script>

<svelte:head>
  {@html horizonDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/horizon-dark.css";
</script>

horizon-light (`horizonLight`)

Injected Styles

<script>
  import horizonLight from "svelte-highlight/styles/horizonLight";
</script>

<svelte:head>
  {@html horizonLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/horizon-light.css";
</script>

humanoid-dark (`humanoidDark`)

Injected Styles

<script>
  import humanoidDark from "svelte-highlight/styles/humanoidDark";
</script>

<svelte:head>
  {@html humanoidDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/humanoid-dark.css";
</script>

humanoid-light (`humanoidLight`)

Injected Styles

<script>
  import humanoidLight from "svelte-highlight/styles/humanoidLight";
</script>

<svelte:head>
  {@html humanoidLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/humanoid-light.css";
</script>

hybrid (`hybrid`)

Injected Styles

<script>
  import hybrid from "svelte-highlight/styles/hybrid";
</script>

<svelte:head>
  {@html hybrid}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/hybrid.css";
</script>

ia-dark (`iaDark`)

Injected Styles

<script>
  import iaDark from "svelte-highlight/styles/iaDark";
</script>

<svelte:head>
  {@html iaDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/ia-dark.css";
</script>

ia-light (`iaLight`)

Injected Styles

<script>
  import iaLight from "svelte-highlight/styles/iaLight";
</script>

<svelte:head>
  {@html iaLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/ia-light.css";
</script>

icy-dark (`icyDark`)

Injected Styles

<script>
  import icyDark from "svelte-highlight/styles/icyDark";
</script>

<svelte:head>
  {@html icyDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/icy-dark.css";
</script>

idea (`idea`)

Injected Styles

<script>
  import idea from "svelte-highlight/styles/idea";
</script>

<svelte:head>
  {@html idea}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/idea.css";
</script>

intellij-light (`intellijLight`)

Injected Styles

<script>
  import intellijLight from "svelte-highlight/styles/intellijLight";
</script>

<svelte:head>
  {@html intellijLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/intellij-light.css";
</script>

ir-black (`irBlack`)

Injected Styles

<script>
  import irBlack from "svelte-highlight/styles/irBlack";
</script>

<svelte:head>
  {@html irBlack}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/ir-black.css";
</script>

isbl-editor-dark (`isblEditorDark`)

Injected Styles

<script>
  import isblEditorDark from "svelte-highlight/styles/isblEditorDark";
</script>

<svelte:head>
  {@html isblEditorDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/isbl-editor-dark.css";
</script>

isbl-editor-light (`isblEditorLight`)

Injected Styles

<script>
  import isblEditorLight from "svelte-highlight/styles/isblEditorLight";
</script>

<svelte:head>
  {@html isblEditorLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/isbl-editor-light.css";
</script>

isotope (`isotope`)

Injected Styles

<script>
  import isotope from "svelte-highlight/styles/isotope";
</script>

<svelte:head>
  {@html isotope}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/isotope.css";
</script>

kimber (`kimber`)

Injected Styles

<script>
  import kimber from "svelte-highlight/styles/kimber";
</script>

<svelte:head>
  {@html kimber}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/kimber.css";
</script>

kimbie-dark (`kimbieDark`)

Injected Styles

<script>
  import kimbieDark from "svelte-highlight/styles/kimbieDark";
</script>

<svelte:head>
  {@html kimbieDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/kimbie-dark.css";
</script>

kimbie-light (`kimbieLight`)

Injected Styles

<script>
  import kimbieLight from "svelte-highlight/styles/kimbieLight";
</script>

<svelte:head>
  {@html kimbieLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/kimbie-light.css";
</script>

lightfair (`lightfair`)

Injected Styles

<script>
  import lightfair from "svelte-highlight/styles/lightfair";
</script>

<svelte:head>
  {@html lightfair}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/lightfair.css";
</script>

lioshi (`lioshi`)

Injected Styles

<script>
  import lioshi from "svelte-highlight/styles/lioshi";
</script>

<svelte:head>
  {@html lioshi}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/lioshi.css";
</script>

london-tube (`londonTube`)

Injected Styles

<script>
  import londonTube from "svelte-highlight/styles/londonTube";
</script>

<svelte:head>
  {@html londonTube}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/london-tube.css";
</script>

macintosh (`macintosh`)

Injected Styles

<script>
  import macintosh from "svelte-highlight/styles/macintosh";
</script>

<svelte:head>
  {@html macintosh}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/macintosh.css";
</script>

magula (`magula`)

Injected Styles

<script>
  import magula from "svelte-highlight/styles/magula";
</script>

<svelte:head>
  {@html magula}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/magula.css";
</script>

marrakesh (`marrakesh`)

Injected Styles

<script>
  import marrakesh from "svelte-highlight/styles/marrakesh";
</script>

<svelte:head>
  {@html marrakesh}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/marrakesh.css";
</script>

materia (`materia`)

Injected Styles

<script>
  import materia from "svelte-highlight/styles/materia";
</script>

<svelte:head>
  {@html materia}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/materia.css";
</script>

material (`material`)

Injected Styles

<script>
  import material from "svelte-highlight/styles/material";
</script>

<svelte:head>
  {@html material}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/material.css";
</script>

material-darker (`materialDarker`)

Injected Styles

<script>
  import materialDarker from "svelte-highlight/styles/materialDarker";
</script>

<svelte:head>
  {@html materialDarker}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/material-darker.css";
</script>

material-lighter (`materialLighter`)

Injected Styles

<script>
  import materialLighter from "svelte-highlight/styles/materialLighter";
</script>

<svelte:head>
  {@html materialLighter}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/material-lighter.css";
</script>

material-palenight (`materialPalenight`)

Injected Styles

<script>
  import materialPalenight from "svelte-highlight/styles/materialPalenight";
</script>

<svelte:head>
  {@html materialPalenight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/material-palenight.css";
</script>

material-vivid (`materialVivid`)

Injected Styles

<script>
  import materialVivid from "svelte-highlight/styles/materialVivid";
</script>

<svelte:head>
  {@html materialVivid}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/material-vivid.css";
</script>

mellow-purple (`mellowPurple`)

Injected Styles

<script>
  import mellowPurple from "svelte-highlight/styles/mellowPurple";
</script>

<svelte:head>
  {@html mellowPurple}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/mellow-purple.css";
</script>

mexico-light (`mexicoLight`)

Injected Styles

<script>
  import mexicoLight from "svelte-highlight/styles/mexicoLight";
</script>

<svelte:head>
  {@html mexicoLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/mexico-light.css";
</script>

mocha (`mocha`)

Injected Styles

<script>
  import mocha from "svelte-highlight/styles/mocha";
</script>

<svelte:head>
  {@html mocha}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/mocha.css";
</script>

mono-blue (`monoBlue`)

Injected Styles

<script>
  import monoBlue from "svelte-highlight/styles/monoBlue";
</script>

<svelte:head>
  {@html monoBlue}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/mono-blue.css";
</script>

monokai (`monokai`)

Injected Styles

<script>
  import monokai from "svelte-highlight/styles/monokai";
</script>

<svelte:head>
  {@html monokai}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/monokai.css";
</script>

monokai-sublime (`monokaiSublime`)

Injected Styles

<script>
  import monokaiSublime from "svelte-highlight/styles/monokaiSublime";
</script>

<svelte:head>
  {@html monokaiSublime}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/monokai-sublime.css";
</script>

nebula (`nebula`)

Injected Styles

<script>
  import nebula from "svelte-highlight/styles/nebula";
</script>

<svelte:head>
  {@html nebula}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/nebula.css";
</script>

night-owl (`nightOwl`)

Injected Styles

<script>
  import nightOwl from "svelte-highlight/styles/nightOwl";
</script>

<svelte:head>
  {@html nightOwl}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/night-owl.css";
</script>

nnfx-dark (`nnfxDark`)

Injected Styles

<script>
  import nnfxDark from "svelte-highlight/styles/nnfxDark";
</script>

<svelte:head>
  {@html nnfxDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/nnfx-dark.css";
</script>

nnfx-light (`nnfxLight`)

Injected Styles

<script>
  import nnfxLight from "svelte-highlight/styles/nnfxLight";
</script>

<svelte:head>
  {@html nnfxLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/nnfx-light.css";
</script>

nord (`nord`)

Injected Styles

<script>
  import nord from "svelte-highlight/styles/nord";
</script>

<svelte:head>
  {@html nord}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/nord.css";
</script>

nova (`nova`)

Injected Styles

<script>
  import nova from "svelte-highlight/styles/nova";
</script>

<svelte:head>
  {@html nova}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/nova.css";
</script>

obsidian (`obsidian`)

Injected Styles

<script>
  import obsidian from "svelte-highlight/styles/obsidian";
</script>

<svelte:head>
  {@html obsidian}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/obsidian.css";
</script>

ocean (`ocean`)

Injected Styles

<script>
  import ocean from "svelte-highlight/styles/ocean";
</script>

<svelte:head>
  {@html ocean}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/ocean.css";
</script>

oceanicnext (`oceanicnext`)

Injected Styles

<script>
  import oceanicnext from "svelte-highlight/styles/oceanicnext";
</script>

<svelte:head>
  {@html oceanicnext}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/oceanicnext.css";
</script>

one-light (`oneLight`)

Injected Styles

<script>
  import oneLight from "svelte-highlight/styles/oneLight";
</script>

<svelte:head>
  {@html oneLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/one-light.css";
</script>

onedark (`onedark`)

Injected Styles

<script>
  import onedark from "svelte-highlight/styles/onedark";
</script>

<svelte:head>
  {@html onedark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/onedark.css";
</script>

outrun-dark (`outrunDark`)

Injected Styles

<script>
  import outrunDark from "svelte-highlight/styles/outrunDark";
</script>

<svelte:head>
  {@html outrunDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/outrun-dark.css";
</script>

panda-syntax-dark (`pandaSyntaxDark`)

Injected Styles

<script>
  import pandaSyntaxDark from "svelte-highlight/styles/pandaSyntaxDark";
</script>

<svelte:head>
  {@html pandaSyntaxDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/panda-syntax-dark.css";
</script>

panda-syntax-light (`pandaSyntaxLight`)

Injected Styles

<script>
  import pandaSyntaxLight from "svelte-highlight/styles/pandaSyntaxLight";
</script>

<svelte:head>
  {@html pandaSyntaxLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/panda-syntax-light.css";
</script>

papercolor-dark (`papercolorDark`)

Injected Styles

<script>
  import papercolorDark from "svelte-highlight/styles/papercolorDark";
</script>

<svelte:head>
  {@html papercolorDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/papercolor-dark.css";
</script>

papercolor-light (`papercolorLight`)

Injected Styles

<script>
  import papercolorLight from "svelte-highlight/styles/papercolorLight";
</script>

<svelte:head>
  {@html papercolorLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/papercolor-light.css";
</script>

paraiso (`paraiso`)

Injected Styles

<script>
  import paraiso from "svelte-highlight/styles/paraiso";
</script>

<svelte:head>
  {@html paraiso}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/paraiso.css";
</script>

paraiso-dark (`paraisoDark`)

Injected Styles

<script>
  import paraisoDark from "svelte-highlight/styles/paraisoDark";
</script>

<svelte:head>
  {@html paraisoDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/paraiso-dark.css";
</script>

paraiso-light (`paraisoLight`)

Injected Styles

<script>
  import paraisoLight from "svelte-highlight/styles/paraisoLight";
</script>

<svelte:head>
  {@html paraisoLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/paraiso-light.css";
</script>

pasque (`pasque`)

Injected Styles

<script>
  import pasque from "svelte-highlight/styles/pasque";
</script>

<svelte:head>
  {@html pasque}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/pasque.css";
</script>

phd (`phd`)

Injected Styles

<script>
  import phd from "svelte-highlight/styles/phd";
</script>

<svelte:head>
  {@html phd}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/phd.css";
</script>

pico (`pico`)

Injected Styles

<script>
  import pico from "svelte-highlight/styles/pico";
</script>

<svelte:head>
  {@html pico}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/pico.css";
</script>

pojoaque (`pojoaque`)

Injected Styles

<script>
  import pojoaque from "svelte-highlight/styles/pojoaque";
</script>

<svelte:head>
  {@html pojoaque}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/pojoaque.css";
</script>

pop (`pop`)

Injected Styles

<script>
  import pop from "svelte-highlight/styles/pop";
</script>

<svelte:head>
  {@html pop}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/pop.css";
</script>

porple (`porple`)

Injected Styles

<script>
  import porple from "svelte-highlight/styles/porple";
</script>

<svelte:head>
  {@html porple}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/porple.css";
</script>

purebasic (`purebasic`)

Injected Styles

<script>
  import purebasic from "svelte-highlight/styles/purebasic";
</script>

<svelte:head>
  {@html purebasic}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/purebasic.css";
</script>

qtcreator-dark (`qtcreatorDark`)

Injected Styles

<script>
  import qtcreatorDark from "svelte-highlight/styles/qtcreatorDark";
</script>

<svelte:head>
  {@html qtcreatorDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/qtcreator-dark.css";
</script>

qtcreator-light (`qtcreatorLight`)

Injected Styles

<script>
  import qtcreatorLight from "svelte-highlight/styles/qtcreatorLight";
</script>

<svelte:head>
  {@html qtcreatorLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/qtcreator-light.css";
</script>

qualia (`qualia`)

Injected Styles

<script>
  import qualia from "svelte-highlight/styles/qualia";
</script>

<svelte:head>
  {@html qualia}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/qualia.css";
</script>

railscasts (`railscasts`)

Injected Styles

<script>
  import railscasts from "svelte-highlight/styles/railscasts";
</script>

<svelte:head>
  {@html railscasts}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/railscasts.css";
</script>

rainbow (`rainbow`)

Injected Styles

<script>
  import rainbow from "svelte-highlight/styles/rainbow";
</script>

<svelte:head>
  {@html rainbow}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/rainbow.css";
</script>

rebecca (`rebecca`)

Injected Styles

<script>
  import rebecca from "svelte-highlight/styles/rebecca";
</script>

<svelte:head>
  {@html rebecca}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/rebecca.css";
</script>

ros-pine (`rosPine`)

Injected Styles

<script>
  import rosPine from "svelte-highlight/styles/rosPine";
</script>

<svelte:head>
  {@html rosPine}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/ros-pine.css";
</script>

ros-pine-dawn (`rosPineDawn`)

Injected Styles

<script>
  import rosPineDawn from "svelte-highlight/styles/rosPineDawn";
</script>

<svelte:head>
  {@html rosPineDawn}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/ros-pine-dawn.css";
</script>

ros-pine-moon (`rosPineMoon`)

Injected Styles

<script>
  import rosPineMoon from "svelte-highlight/styles/rosPineMoon";
</script>

<svelte:head>
  {@html rosPineMoon}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/ros-pine-moon.css";
</script>

rose-pine (`rosePine`)

Injected Styles

<script>
  import rosePine from "svelte-highlight/styles/rosePine";
</script>

<svelte:head>
  {@html rosePine}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/rose-pine.css";
</script>

rose-pine-dawn (`rosePineDawn`)

Injected Styles

<script>
  import rosePineDawn from "svelte-highlight/styles/rosePineDawn";
</script>

<svelte:head>
  {@html rosePineDawn}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/rose-pine-dawn.css";
</script>

rose-pine-moon (`rosePineMoon`)

Injected Styles

<script>
  import rosePineMoon from "svelte-highlight/styles/rosePineMoon";
</script>

<svelte:head>
  {@html rosePineMoon}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/rose-pine-moon.css";
</script>

routeros (`routeros`)

Injected Styles

<script>
  import routeros from "svelte-highlight/styles/routeros";
</script>

<svelte:head>
  {@html routeros}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/routeros.css";
</script>

sagelight (`sagelight`)

Injected Styles

<script>
  import sagelight from "svelte-highlight/styles/sagelight";
</script>

<svelte:head>
  {@html sagelight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/sagelight.css";
</script>

sandcastle (`sandcastle`)

Injected Styles

<script>
  import sandcastle from "svelte-highlight/styles/sandcastle";
</script>

<svelte:head>
  {@html sandcastle}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/sandcastle.css";
</script>

school-book (`schoolBook`)

Injected Styles

<script>
  import schoolBook from "svelte-highlight/styles/schoolBook";
</script>

<svelte:head>
  {@html schoolBook}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/school-book.css";
</script>

seti-ui (`setiUi`)

Injected Styles

<script>
  import setiUi from "svelte-highlight/styles/setiUi";
</script>

<svelte:head>
  {@html setiUi}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/seti-ui.css";
</script>

shades-of-purple (`shadesOfPurple`)

Injected Styles

<script>
  import shadesOfPurple from "svelte-highlight/styles/shadesOfPurple";
</script>

<svelte:head>
  {@html shadesOfPurple}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/shades-of-purple.css";
</script>

shapeshifter (`shapeshifter`)

Injected Styles

<script>
  import shapeshifter from "svelte-highlight/styles/shapeshifter";
</script>

<svelte:head>
  {@html shapeshifter}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/shapeshifter.css";
</script>

silk-dark (`silkDark`)

Injected Styles

<script>
  import silkDark from "svelte-highlight/styles/silkDark";
</script>

<svelte:head>
  {@html silkDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/silk-dark.css";
</script>

silk-light (`silkLight`)

Injected Styles

<script>
  import silkLight from "svelte-highlight/styles/silkLight";
</script>

<svelte:head>
  {@html silkLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/silk-light.css";
</script>

snazzy (`snazzy`)

Injected Styles

<script>
  import snazzy from "svelte-highlight/styles/snazzy";
</script>

<svelte:head>
  {@html snazzy}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/snazzy.css";
</script>

solar-flare (`solarFlare`)

Injected Styles

<script>
  import solarFlare from "svelte-highlight/styles/solarFlare";
</script>

<svelte:head>
  {@html solarFlare}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/solar-flare.css";
</script>

solar-flare-light (`solarFlareLight`)

Injected Styles

<script>
  import solarFlareLight from "svelte-highlight/styles/solarFlareLight";
</script>

<svelte:head>
  {@html solarFlareLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/solar-flare-light.css";
</script>

solarized-dark (`solarizedDark`)

Injected Styles

<script>
  import solarizedDark from "svelte-highlight/styles/solarizedDark";
</script>

<svelte:head>
  {@html solarizedDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/solarized-dark.css";
</script>

solarized-light (`solarizedLight`)

Injected Styles

<script>
  import solarizedLight from "svelte-highlight/styles/solarizedLight";
</script>

<svelte:head>
  {@html solarizedLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/solarized-light.css";
</script>

spacemacs (`spacemacs`)

Injected Styles

<script>
  import spacemacs from "svelte-highlight/styles/spacemacs";
</script>

<svelte:head>
  {@html spacemacs}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/spacemacs.css";
</script>

srcery (`srcery`)

Injected Styles

<script>
  import srcery from "svelte-highlight/styles/srcery";
</script>

<svelte:head>
  {@html srcery}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/srcery.css";
</script>

stackoverflow-dark (`stackoverflowDark`)

Injected Styles

<script>
  import stackoverflowDark from "svelte-highlight/styles/stackoverflowDark";
</script>

<svelte:head>
  {@html stackoverflowDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/stackoverflow-dark.css";
</script>

stackoverflow-light (`stackoverflowLight`)

Injected Styles

<script>
  import stackoverflowLight from "svelte-highlight/styles/stackoverflowLight";
</script>

<svelte:head>
  {@html stackoverflowLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/stackoverflow-light.css";
</script>

summercamp (`summercamp`)

Injected Styles

<script>
  import summercamp from "svelte-highlight/styles/summercamp";
</script>

<svelte:head>
  {@html summercamp}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/summercamp.css";
</script>

summerfruit-dark (`summerfruitDark`)

Injected Styles

<script>
  import summerfruitDark from "svelte-highlight/styles/summerfruitDark";
</script>

<svelte:head>
  {@html summerfruitDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/summerfruit-dark.css";
</script>

summerfruit-light (`summerfruitLight`)

Injected Styles

<script>
  import summerfruitLight from "svelte-highlight/styles/summerfruitLight";
</script>

<svelte:head>
  {@html summerfruitLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/summerfruit-light.css";
</script>

sunburst (`sunburst`)

Injected Styles

<script>
  import sunburst from "svelte-highlight/styles/sunburst";
</script>

<svelte:head>
  {@html sunburst}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/sunburst.css";
</script>

synth-midnight-terminal-dark (`synthMidnightTerminalDark`)

Injected Styles

<script>
  import synthMidnightTerminalDark from "svelte-highlight/styles/synthMidnightTerminalDark";
</script>

<svelte:head>
  {@html synthMidnightTerminalDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/synth-midnight-terminal-dark.css";
</script>

synth-midnight-terminal-light (`synthMidnightTerminalLight`)

Injected Styles

<script>
  import synthMidnightTerminalLight from "svelte-highlight/styles/synthMidnightTerminalLight";
</script>

<svelte:head>
  {@html synthMidnightTerminalLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/synth-midnight-terminal-light.css";
</script>

tango (`tango`)

Injected Styles

<script>
  import tango from "svelte-highlight/styles/tango";
</script>

<svelte:head>
  {@html tango}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/tango.css";
</script>

tender (`tender`)

Injected Styles

<script>
  import tender from "svelte-highlight/styles/tender";
</script>

<svelte:head>
  {@html tender}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/tender.css";
</script>

tokyo-night-dark (`tokyoNightDark`)

Injected Styles

<script>
  import tokyoNightDark from "svelte-highlight/styles/tokyoNightDark";
</script>

<svelte:head>
  {@html tokyoNightDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/tokyo-night-dark.css";
</script>

tokyo-night-light (`tokyoNightLight`)

Injected Styles

<script>
  import tokyoNightLight from "svelte-highlight/styles/tokyoNightLight";
</script>

<svelte:head>
  {@html tokyoNightLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/tokyo-night-light.css";
</script>

tomorrow (`tomorrow`)

Injected Styles

<script>
  import tomorrow from "svelte-highlight/styles/tomorrow";
</script>

<svelte:head>
  {@html tomorrow}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/tomorrow.css";
</script>

tomorrow-night (`tomorrowNight`)

Injected Styles

<script>
  import tomorrowNight from "svelte-highlight/styles/tomorrowNight";
</script>

<svelte:head>
  {@html tomorrowNight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/tomorrow-night.css";
</script>

tomorrow-night-blue (`tomorrowNightBlue`)

Injected Styles

<script>
  import tomorrowNightBlue from "svelte-highlight/styles/tomorrowNightBlue";
</script>

<svelte:head>
  {@html tomorrowNightBlue}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/tomorrow-night-blue.css";
</script>

tomorrow-night-bright (`tomorrowNightBright`)

Injected Styles

<script>
  import tomorrowNightBright from "svelte-highlight/styles/tomorrowNightBright";
</script>

<svelte:head>
  {@html tomorrowNightBright}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/tomorrow-night-bright.css";
</script>

twilight (`twilight`)

Injected Styles

<script>
  import twilight from "svelte-highlight/styles/twilight";
</script>

<svelte:head>
  {@html twilight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/twilight.css";
</script>

unikitty-dark (`unikittyDark`)

Injected Styles

<script>
  import unikittyDark from "svelte-highlight/styles/unikittyDark";
</script>

<svelte:head>
  {@html unikittyDark}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/unikitty-dark.css";
</script>

unikitty-light (`unikittyLight`)

Injected Styles

<script>
  import unikittyLight from "svelte-highlight/styles/unikittyLight";
</script>

<svelte:head>
  {@html unikittyLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/unikitty-light.css";
</script>

vs (`vs`)

Injected Styles

<script>
  import vs from "svelte-highlight/styles/vs";
</script>

<svelte:head>
  {@html vs}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/vs.css";
</script>

vs2015 (`vs2015`)

Injected Styles

<script>
  import vs2015 from "svelte-highlight/styles/vs2015";
</script>

<svelte:head>
  {@html vs2015}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/vs2015.css";
</script>

vulcan (`vulcan`)

Injected Styles

<script>
  import vulcan from "svelte-highlight/styles/vulcan";
</script>

<svelte:head>
  {@html vulcan}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/vulcan.css";
</script>

windows-10 (`windows10`)

Injected Styles

<script>
  import windows10 from "svelte-highlight/styles/windows10";
</script>

<svelte:head>
  {@html windows10}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/windows-10.css";
</script>

windows-10-light (`windows10Light`)

Injected Styles

<script>
  import windows10Light from "svelte-highlight/styles/windows10Light";
</script>

<svelte:head>
  {@html windows10Light}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/windows-10-light.css";
</script>

windows-95 (`windows95`)

Injected Styles

<script>
  import windows95 from "svelte-highlight/styles/windows95";
</script>

<svelte:head>
  {@html windows95}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/windows-95.css";
</script>

windows-95-light (`windows95Light`)

Injected Styles

<script>
  import windows95Light from "svelte-highlight/styles/windows95Light";
</script>

<svelte:head>
  {@html windows95Light}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/windows-95-light.css";
</script>

windows-high-contrast (`windowsHighContrast`)

Injected Styles

<script>
  import windowsHighContrast from "svelte-highlight/styles/windowsHighContrast";
</script>

<svelte:head>
  {@html windowsHighContrast}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/windows-high-contrast.css";
</script>

windows-high-contrast-light (`windowsHighContrastLight`)

Injected Styles

<script>
  import windowsHighContrastLight from "svelte-highlight/styles/windowsHighContrastLight";
</script>

<svelte:head>
  {@html windowsHighContrastLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/windows-high-contrast-light.css";
</script>

windows-nt (`windowsNt`)

Injected Styles

<script>
  import windowsNt from "svelte-highlight/styles/windowsNt";
</script>

<svelte:head>
  {@html windowsNt}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/windows-nt.css";
</script>

windows-nt-light (`windowsNtLight`)

Injected Styles

<script>
  import windowsNtLight from "svelte-highlight/styles/windowsNtLight";
</script>

<svelte:head>
  {@html windowsNtLight}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/windows-nt-light.css";
</script>

woodland (`woodland`)

Injected Styles

<script>
  import woodland from "svelte-highlight/styles/woodland";
</script>

<svelte:head>
  {@html woodland}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/woodland.css";
</script>

xcode (`xcode`)

Injected Styles

<script>
  import xcode from "svelte-highlight/styles/xcode";
</script>

<svelte:head>
  {@html xcode}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/xcode.css";
</script>

xcode-dusk (`xcodeDusk`)

Injected Styles

<script>
  import xcodeDusk from "svelte-highlight/styles/xcodeDusk";
</script>

<svelte:head>
  {@html xcodeDusk}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/xcode-dusk.css";
</script>

xt256 (`xt256`)

Injected Styles

<script>
  import xt256 from "svelte-highlight/styles/xt256";
</script>

<svelte:head>
  {@html xt256}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/xt256.css";
</script>

zenburn (`zenburn`)

Injected Styles

<script>
  import zenburn from "svelte-highlight/styles/zenburn";
</script>

<svelte:head>
  {@html zenburn}
</svelte:head>

CSS StyleSheet

<script>
  import "svelte-highlight/styles/zenburn.css";
</script>