

Revealjs Theme (black, white, league, beige, sky, night, serif, simple, solarizedĭisplay controls in the bottom right cornerĭisplay the page number of the current slide You can customize many setting on for your reveal.js presentation.

Get the theme list here Reveal.js Options

So you can configure the coloration theme by setting revealjs.highlightTheme parameter of VS Code, or set it using front matter. You can use code block in your markdown that will be highlighted by highlight.js. Your custom theme will be loaded after to override default reveal.js theme. Note that you can use both theme and custom theme at the same time. If your file name is my-theme.css just add this in the front matter header :. Just add custom style to a CSS file in the same folder that your markdown. If you want a custom theme you can do it! You can set it using revealjs.theme parameter in Vs code config or in the document itself using front matter. Reveal.js comes with a few themes built in: If the preview is opened it will also show the selected slide on it.

The list will show the first line of text that is found in the slide, most of the time it will be a title, but it can also be an image or something else.īlue icon is used to show horizontal slide, orange is used for vertical ones.Ĭlicking on slide name will move the cursor on beginning of the slide in the editor. Now in version 2, you can see a list of all your slides on the sidebar. You can stop express server when you want by clicking on the red square. If you need a sample file you can get it here:Īs soon as your markdown document has at least two slides, slides counter will appear in the status bar on right.Ĭlicking on slide counter will launch preview on right, and you can now see the local address of express server used to host Reveal presentation.Ĭlicking on the address will launch presentation in the browser. Since Reveal.js use marked to parse the markdown string you can use this in your document: Open or create a new file in markdown and use default slide separator to see slide counter change in the status bar and title appear in the sidebar. This extension let you display a reveal.js presentation directly from an opened markdown document.Ĭreate reveal.js presentation directly from markdown file,
