Dark container bg-color-a

Plain text (no extra class)

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Boxed text

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Highlighted text

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Text with own bg-color-c

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Text with own bg-color-a

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Boxed text with bg-color-c

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Multi-box plain

Multi box body text inside the container.

Multi-box boxed

Multi box body text inside the container.

Multi-box bg-color-c

Multi box body text inside the container.

Quote plain: Quoted text inside the container.
Test AuthorDesigner
Quote bg-color-c: Quoted text inside the container.
Test AuthorDesigner

Light container bg-color-d

Plain text (no extra class)

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Boxed text

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Highlighted text

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Text with own bg-color-c

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Text with own bg-color-a

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Boxed text with bg-color-c

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Multi-box plain

Multi box body text inside the container.

Multi-box boxed

Multi box body text inside the container.

Multi-box bg-color-c

Multi box body text inside the container.

Quote plain: Quoted text inside the container.
Test AuthorDesigner
Quote bg-color-c: Quoted text inside the container.
Test AuthorDesigner

Inline hex dark no class

Plain text (no extra class)

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Boxed text

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Highlighted text

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Text with own bg-color-c

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Text with own bg-color-a

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Boxed text with bg-color-c

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Multi-box plain

Multi box body text inside the container.

Multi-box boxed

Multi box body text inside the container.

Multi-box bg-color-c

Multi box body text inside the container.

Quote plain: Quoted text inside the container.
Test AuthorDesigner
Quote bg-color-c: Quoted text inside the container.
Test AuthorDesigner

Class bg-color-a + inline white

Plain text (no extra class)

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Boxed text

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Highlighted text

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Text with own bg-color-c

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Text with own bg-color-a

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Boxed text with bg-color-c

Sample paragraph for contrast check. The quick brown fox.

A text link and A button

Multi-box plain

Multi box body text inside the container.

Multi-box boxed

Multi box body text inside the container.

Multi-box bg-color-c

Multi box body text inside the container.

Quote plain: Quoted text inside the container.
Test AuthorDesigner
Quote bg-color-c: Quoted text inside the container.
Test AuthorDesigner