SUPPORTED_STYLES.md

Supported Styles

249 styles exported from highlight.js@11.10.0

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>

a11y-dark (a11yDark)

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>

a11y-light (a11yLight)

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>

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>

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>