Skip to content

Configuration reference

VS Code Reveal contributes settings under the revealjs.* namespace. This table is generated from package.json during the docs build.

SettingDefaultTypeDescription and accepted values
revealjs.controlsTutorialtruebooleanHelp the user learn the controls by providing hints
revealjs.controlsLayoutbottom-rightstringDetermines where controls appear Values: bottom-right, edge
revealjs.controlsBackArrowsfadedstringVisibility rule for backwards navigation arrows Values: faded, hidden, visible
revealjs.showSlideNumberallstringCan be used to limit the contexts in which the slide number appears Values: all, print, speaker
revealjs.hashOneBasedIndexfalsebooleanUse 1 based indexing for # links to match slide number
revealjs.themeblackstringRevealjs Theme Values: beige, black, blood, cern, hull-blue, league, material, moon, myplanet, night, object-partners, pikestreet, puzzle, robot-lung-ebi, robot-lung, savasian, serif, sfeir-school, simple, sky, solarized, sunblind, tidy, white
revealjs.highlightThememonokaistringhighlight.js Theme Values: a11y-dark, a11y-light, agate, an-old-hope, androidstudio, arduino-light, arta, ascetic, atom-one-dark-reasonable, atom-one-dark, atom-one-light, brown-paper, brown-papersq.png, codepen-embed, color-brewer, dark, devibeans, docco, far, foundation, github-dark-dimmed, github-dark, github, gml, googlecode, gradient-dark, gradient-light, grayscale, hybrid, idea, ir-black, isbl-editor-dark, isbl-editor-light, kimbie-dark, kimbie-light, lightfair, lioshi, magula, mono-blue, monokai-sublime, monokai, night-owl, nnfx-dark, nnfx-light, nord, obsidian, paraiso-dark, paraiso-light, pojoaque.jpg, pojoaque, purebasic, qtcreator-dark, qtcreator-light, rainbow, real-black, routeros, school-book, shades-of-purple, srcery, stackoverflow-dark, stackoverflow-light, sunburst, tomorrow-night-blue, tomorrow-night-bright, vs, vs2015, xcode, xt256
revealjs.diagramServerEnabledtruebooleanEnable remote diagram rendering for supported diagram languages via a Kroki-compatible server
revealjs.diagramServerUrlhttps://kroki.iostringBase URL for the Kroki-compatible diagram server used to render supported diagram languages
revealjs.offlinefalsebooleanDisable externally hosted extension resources, including MathJax, seminar sockets, and remote diagram rendering
revealjs.controlstruebooleanDisplay controls in the bottom right corner
revealjs.progresstruebooleanDisplay a presentation progress bar
revealjs.slideNumberfalseboolean, stringDisplay the page number of the current slide. Use a Reveal.js format string such as h/v, h.v, c, or c/t to control formatting.
revealjs.historytruebooleanPush each slide change to the browser history
revealjs.keyboardtrueboolean, objectEnable keyboard shortcuts for navigation, or provide a Reveal.js keyboard mapping object
revealjs.overviewtruebooleanEnable the slide overview mode
revealjs.centertruebooleanVertical centering of slides
revealjs.touchtruebooleanEnables touch navigation on devices with touch input
revealjs.loopfalsebooleanLoop the presentation
revealjs.rtlfalsebooleanChange the presentation direction to be RTL
revealjs.shufflefalsebooleanRandomizes the order of slides each time the presentation loads
revealjs.fragmentstruebooleanTurns fragments on and off globally
revealjs.incrementalfalsebooleanReveal list items one at a time as fragments
revealjs.embeddedfalsebooleanFlags if the presentation is running in an embedded mode, i.e. contained within a limited portion of the screen
revealjs.helptruebooleanFlags if we should show a help overlay when the questionmark key is pressed
revealjs.showNotesfalsebooleanFlags if speaker notes should be visible to all viewers
revealjs.autoSlide0numberNumber of milliseconds between automatically proceeding to the next slide, disabled when set to 0, this value can be overwritten by using a data-autoslide attribute on your slides
revealjs.autoSlideMethodReveal.navigateNextstringThe direction in which the slides will move whilst autoslide is active
revealjs.autoSlideStoppabletruebooleanStop auto-sliding after user input
revealjs.mouseWheelfalsebooleanEnable slide navigation via mouse wheel
revealjs.hideAddressBartruebooleanHides the address bar on mobile devices
revealjs.previewLinksfalsebooleanOpens links in an iframe preview overlay
revealjs.transitionslidestringTransition style Values: none, fade, slide, convex, concave, zoom
revealjs.transitionSpeeddefaultstringTransition speed Values: default, fast, slow
revealjs.backgroundTransitionfadestringTransition style for full page slide backgrounds (none/fade/slide/convex/concave/zoom) Values: none, fade, slide, convex, concave, zoom
revealjs.pdfMaxPagesPerSlidenullnumber, nullMaximum number of pages a slide can expand onto when exporting to PDF. Null keeps Reveal.js default behavior.
revealjs.pdfSeparateFragmentstruebooleanPrint each fragment step on a separate PDF page.
revealjs.pdfPageHeightOffset-1numberPixel offset applied to PDF page height calculations
revealjs.viewDistance3numberNumber of slides away from the current that are visible
revealjs.width960numberWidth of the presentation
revealjs.height700numberHeight of the presentation
revealjs.margin0.04numberFactor of the display size that should remain empty around the content
revealjs.minScale0.2numberBounds for smallest possible scale to apply to content
revealjs.maxScale2numberBounds for largest possible scale to apply to content
revealjs.disableLayoutfalsebooleandisable the built-in scaling and centering and Bring Your Own Layout
revealjs.parallaxBackgroundImage``stringParallax background image
revealjs.parallaxBackgroundSize``stringParallax background size (CSS syntax, e.g. 2100px 900px)
revealjs.parallaxBackgroundHorizontal0numberNumber of pixels to move the parallax background per slide
revealjs.parallaxBackgroundVertical0numberNumber of pixels to move the parallax background per slide
revealjs.slideExplorerEnabledtruebooleanHide or show slides explorer
revealjs.browserPathnullstringFull path of browser to use
revealjs.exportHTMLPath./exportstringPath where the HTML export is created, relative to the .md file
revealjs.openFilemanagerAfterHTMLExporttruebooleanOpen the file manager after HTML export
revealjs.selfContainedfalsebooleanInline local export assets so HTML export produces one self-contained index.html file
revealjs.enableMenutruebooleanEnable the menu
revealjs.enableChalkboardtruebooleanEnable the chalkboard
revealjs.enableZoomtruebooleanEnable the zoom plugin
revealjs.enableSearchtruebooleanEnable the search in slides
revealjs.titleReveal JS presentationstringTitle of your presentation
revealjs.htmlFragmentnullstring, nullLocal HTML fragment file to inject into the rendered presentation body, resolved relative to the markdown file
revealjs.css[]arrayExternal css file to use
revealjs.cssvariablesnullobject, nullCss variable to add see https://github.com/hakimel/reveal.js/blob/master/css/theme/template/exposer.scss

MIT Licensed