Gretyl's Portal

Heretto Help

Gray and Color Templates

The Gray and Color templates are complete and modular styles that you can leverage to quickly create your own Heretto PDF Generator templates.

Tip: The Gray and Color templates differ only in default colors. You can change the default colors, logo placeholders, and captions at any point. The template colors are determined in the palette modules.

Gray Template Overview

Resource location: https://jorsek.github.io/pdfgen.github.io/styles1.1/gray_pdf.css

The Gray template CSS uses a grayscale color palette for all styles and formatting.

Figure 1. Cover Page
gray pdf cover page
Figure 2. Table of Contents
gray pdf table of content
Figure 3. Task Topic
gray pdf procedure
Figure 4. Concept Topic
gray pdf concept topic

Color Template Overview

Resource location: https://jorsek.github.io/pdfgen.github.io/styles1.1/color_pdf.css

The Color template CSS uses a neutral color palette for all styles and formatting.

Figure 5. Cover Page
color pdf cover page
Figure 6. Table of Contents
color pdf table of content
Figure 7. Task Topic
color pdf procedure
Figure 8. Concept Topic
color pdf concept topic

Template Modules

The Gray and Color templates consist of several modules that style specific aspects of the document. The CSS code in each module is thoroughly commented to make the optional customizations easier.

By default, the templates are optimized for screen reading (and not printing). Because of that, some print-friendly modules are disabled (/* commented-out */).

CAUTION:

Modifying the order of modules may cause unexpected results.

You can enable or disable any module at any time however, we recommend to leave some modules enabled.

Enabled Module
A regular CSS import. For example:

@import url("modules/layout/orientation_size.css");

Disabled Module
A commented-out module. For example:
/* @import url("modules/styling/table_of_contents_page_numbering.css"); */
Important: Due to a bug, in the CSS tab of the Heretto PDF Generator, the /* commented-out */ CSS imports are not disabled.

As a workaround, to disable a module, you can “break” a link. To do so, we recommend to add #DISABLED at the end of a given import path. For example:

/* @import url("modules/styling/table_of_contents_page_numbering.css#DISABLED"); */

We are working on fixing this issue. Sorry for the inconvenience.

Template Update Policy

The Gray and Color templates are stored on a public Heretto GitHub repository.

Heretto may update the Gray and Color templates on GitHub to fix bugs or add enhancements. By default, these updates will be reflected in your Heretto PDF Generator template.

If you want to use the Gray and Color templates but you do not want your Heretto PDF Generator templates to be affected by any update made by Heretto, contact your Customer Success Manager.