Skip to content

Monomi theme

A monochrome-minimalist theme

DefaultIntroSectionQuoteImageImage LeftImage RightTwo Columns

Name

---
theme: monomi
---
# Slide title

CSS

Here you can check the CSS of the monomi theme.

CSS variables

--demotime-color: var(--vscode-editor-foreground);
--demotime-background: var(--vscode-editor-background);
--demotime-heading-color: var(--vscode-editor-background);
--demotime-heading-background: var(--vscode-editor-foreground);
--demotime-heading-font-weight: 900;
--demotime-font-size: var(--vscode-editor-font-size, 1.1em);
--demotime-bordered: 0
--demotime-link-color: var(--vscode-textLink-foreground);
--demotime-link-active-color: var(--vscode-textLink-activeForeground);
--demotime-code-background: var(--vscode-editor-background);
--demotime-code-border: var(--vscode-panel-border);
--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-background);
--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);