Vivliostyle Theme Gutenberg

book theme for latin font

Use

In vivliostyle.config.js:

module.exports = {
  theme: 'vivliostyle-theme-gutenberg',
};

theme-gutenberg also provides some extra theme files derived from the basic theme.

alice.css

module.exports = {
  theme: {
    specifier: 'vivliostyle-theme-gutenberg',
    import: 'alice.css',
  },
};

fang.css

module.exports = {
  theme: {
    specifier: 'vivliostyle-theme-gutenberg',
    import: 'fang.css',
  },
};

sherlock.css

module.exports = {
  theme: {
    specifier: 'vivliostyle-theme-gutenberg',
    import: 'sherlock.css',
  },
};

Available theme CSS variables

:root {
  /**
   *  Styles for drop caps
   */
  --vs-theme--dropcap-font-size: 1.8em;
  --vs-theme--dropcap-font-weight: var(--vs-font-weight-bold);
  --vs-theme--dropcap-line-height: 1;
  --vs-theme--dropcap-text-indent: 0;
  /**
   *  Styles for page top/bottom contents
   */
  --vs-theme--page-top-content: env(pub-title);
  --vs-theme--page-top-color-body: gray;
  --vs-theme--page-bottom-content: counter(page);
}

License

CC0 1.0

Original author: Vivliostyle project team