Skip to content

Minimal theme

The minimal theme is a simple theme with a background on the slide title.

DefaultIntroSectionQuoteImageImage LeftImage RightTwo Columns

Name

---
theme: minimal
---
# Slide title

CSS

Here you can check the CSS of the minimal theme.

CSS variables

--demotime-color: var(--vscode-editor-foreground);
--demotime-background: var(--vscode-editor-background);
--demotime-heading-color: var(--vscode-editor-foreground);
--demotime-heading-background: var(--vscode-editor-background);
--demotime-font-size: var(--vscode-editor-font-size, 1.1em);
--demotime-link-color: var(--vscode-textLink-foreground);
--demotime-link-active-color: var(--vscode-textLink-activeForeground);
--demotime-blockquote-border: var(--vscode-textBlockQuote-border);
--demotime-blockquote-background: var(--vscode-textBlockQuote-background);
/* Slide layouts */
--demotime-default-background: var(--demotime-background);
--demotime-default-color: var(--demotime-color);
--demotime-default-heading-color: var(--demotime-heading-color);
--demotime-default-heading-background: var(--demotime-heading-background);
--demotime-intro-background: var(--demotime-background);
--demotime-intro-color: var(--demotime-color);
--demotime-intro-heading-color: var(--demotime-heading-color);
--demotime-intro-heading-background: var(--demotime-heading-background);
--demotime-quote-background: var(--demotime-background);
--demotime-quote-color: var(--demotime-color);
--demotime-quote-heading-color: var(--demotime-heading-color);
--demotime-quote-heading-background: var(--demotime-heading-background);
--demotime-section-background: var(--demotime-background);
--demotime-section-color: var(--demotime-color);
--demotime-section-heading-color: var(--demotime-heading-color);
--demotime-section-heading-background: var(--demotime-heading-background);
--demotime-image-left-background: var(--demotime-background);
--demotime-image-left-color: var(--demotime-color);
--demotime-image-left-heading-color: var(--demotime-heading-color);
--demotime-image-left-heading-background: var(--demotime-heading-background);
--demotime-image-right-background: var(--demotime-background);
--demotime-image-right-color: var(--demotime-color);
--demotime-image-right-heading-color: var(--demotime-heading-color);
--demotime-image-right-heading-background: var(--demotime-heading-background);
--demotime-two-columns-background: var(--demotime-background);
--demotime-two-columns-color: var(--demotime-color);
--demotime-two-columns-heading-color: var(--demotime-heading-color);
--demotime-two-columns-heading-background: var(--demotime-heading-background);