Themes
Here is how you get started with the themes:
import React from 'react';
import ReactHighlightSyntax from 'react-highlight-syntax';
...
const App = () => (
return (
<ReactHighlightSyntax
theme={'Base16Darcula'}
// ...props
/>
)
)
- Simply use TypeScript and choose the theme you want to use. If you want to see how the theme looks with your selected language, check out Live Demo.
Supported themes
- 1cLight
- A11yDark
- A11yLight
- Agate
- AnOldHope
- Androidstudio
- ArduinoLight
- Arta
- Ascetic
- AtomOneDarkReasonable
- AtomOneDark
- AtomOneLight
- Base163024
- Base16Apathy
- Base16Apprentice
- Base16Ashes
- Base16AtelierCaveLight
- Base16AtelierCave
- Base16AtelierDuneLight
- Base16AtelierDune
- Base16AtelierEstuaryLight
- Base16AtelierEstuary
- Base16AtelierForestLight
- Base16AtelierForest
- Base16AtelierHeathLight
- Base16AtelierHeath
- Base16AtelierLakesideLight
- Base16AtelierLakeside
- Base16AtelierPlateauLight
- Base16AtelierPlateau
- Base16AtelierSavannaLight
- Base16AtelierSavanna
- Base16AtelierSeasideLight
- Base16AtelierSeaside
- Base16AtelierSulphurpoolLight
- Base16AtelierSulphurpool
- Base16Atlas
- Base16Bespin
- Base16BlackMetalBathory
- Base16BlackMetalBurzum
- Base16BlackMetalDarkFuneral
- Base16BlackMetalGorgoroth
- Base16BlackMetalImmortal
- Base16BlackMetalKhold
- Base16BlackMetalMarduk
- Base16BlackMetalMayhem
- Base16BlackMetalNile
- Base16BlackMetalVenom
- Base16BlackMetal
- Base16Brewer
- Base16Bright
- Base16Brogrammer
- Base16BrushTreesDark
- Base16BrushTrees
- Base16Chalk
- Base16Circus
- Base16ClassicDark
- Base16ClassicLight
- Base16Codeschool
- Base16Colors
- Base16Cupcake
- Base16Cupertino
- Base16Danqing
- Base16Darcula
- Base16DarkViolet
- Base16Darkmoss
- Base16Darktooth
- Base16Decaf
- Base16DefaultDark
- Base16DefaultLight
- Base16Dirtysea
- Base16Dracula
- Base16EdgeDark
- Base16EdgeLight
- Base16Eighties
- Base16Embers
- Base16EquilibriumDark
- Base16EquilibriumGrayDark
- Base16EquilibriumGrayLight
- Base16EquilibriumLight
- Base16Espresso
- Base16EvaDim
- Base16Eva
- Base16Flat
- Base16Framer
- Base16FruitSoda
- Base16Gigavolt
- Base16Github
- Base16GoogleDark
- Base16GoogleLight
- Base16GrayscaleDark
- Base16GrayscaleLight
- Base16GreenScreen
- Base16GruvboxDarkHard
- Base16GruvboxDarkMedium
- Base16GruvboxDarkPale
- Base16GruvboxDarkSoft
- Base16GruvboxLightHard
- Base16GruvboxLightMedium
- Base16GruvboxLightSoft
- Base16Hardcore
- Base16Harmonic16Dark
- Base16Harmonic16Light
- Base16HeetchDark
- Base16HeetchLight
- Base16Helios
- Base16Hopscotch
- Base16HorizonDark
- Base16HorizonLight
- Base16HumanoidDark
- Base16HumanoidLight
- Base16IaDark
- Base16IaLight
- Base16IcyDark
- Base16IrBlack
- Base16Isotope
- Base16Kimber
- Base16LondonTube
- Base16Macintosh
- Base16Marrakesh
- Base16Materia
- Base16MaterialDarker
- Base16MaterialLighter
- Base16MaterialPalenight
- Base16MaterialVivid
- Base16Material
- Base16MellowPurple
- Base16MexicoLight
- Base16Mocha
- Base16Monokai
- Base16Nebula
- Base16Nord
- Base16Nova
- Base16Ocean
- Base16Oceanicnext
- Base16OneLight
- Base16Onedark
- Base16OutrunDark
- Base16PapercolorDark
- Base16PapercolorLight
- Base16Paraiso
- Base16Pasque
- Base16Phd
- Base16Pico
- Base16Pop
- Base16Porple
- Base16Qualia
- Base16Railscasts
- Base16Rebecca
- Base16RosPineDawn
- Base16RosPineMoon
- Base16RosPine
- Base16Sagelight
- Base16Sandcastle
- Base16SetiUi
- Base16Shapeshifter
- Base16SilkDark
- Base16SilkLight
- Base16Snazzy
- Base16SolarFlareLight
- Base16SolarFlare
- Base16SolarizedDark
- Base16SolarizedLight
- Base16Spacemacs
- Base16Summercamp
- Base16SummerfruitDark
- Base16SummerfruitLight
- Base16SynthMidnightTerminalDark
- Base16SynthMidnightTerminalLight
- Base16Tango
- Base16Tender
- Base16TomorrowNight
- Base16Tomorrow
- Base16Twilight
- Base16UnikittyDark
- Base16UnikittyLight
- Base16Vulcan
- Base16Windows10Light
- Base16Windows10
- Base16Windows95Light
- Base16Windows95
- Base16WindowsHighContrastLight
- Base16WindowsHighContrast
- Base16WindowsNtLight
- Base16WindowsNt
- Base16Woodland
- Base16XcodeDusk
- Base16Zenburn
- CodepenEmbed
- ColorBrewer
- Dark
- Default
- Devibeans
- Docco
- Far
- Felipec
- Foundation
- GithubDarkDimmed
- GithubDark
- Github
- Gml
- Googlecode
- GradientDark
- GradientLight
- Grayscale
- Hybrid
- Idea
- IntellijLight
- IrBlack
- IsblEditorDark
- IsblEditorLight
- KimbieDark
- KimbieLight
- Lightfair
- Lioshi
- Magula
- MonoBlue
- MonokaiSublime
- Monokai
- NightOwl
- NnfxDark
- NnfxLight
- Nord
- Obsidian
- PandaSyntaxDark
- PandaSyntaxLight
- ParaisoDark
- ParaisoLight
- Purebasic
- QtcreatorDark
- QtcreatorLight
- Rainbow
- Routeros
- SchoolBook
- ShadesOfPurple
- Srcery
- StackoverflowDark
- StackoverflowLight
- Sunburst
- TokyoNightDark
- TokyoNightLight
- TomorrowNightBlue
- TomorrowNightBright
- Vs
- Vs2015
- Xcode
- Xt256