This module sets color styles for the body, links, pre, code, and hr elements.

Base Elements

The body element has color set to --black and background color white. Links default to --blue. To adjust the link color, define a new value for the --link-color custom property. Pre and code tags have transparent background by default. To set a background color, use --pre-background-color. HRs use the same default border width and color as other border styles. These can be defined with --border-width and --border-color.

CSS Source

body {
  color: var(--body-color);
  background-color: var(--body-background-color);

a {
  color: var(--link-color);
  text-decoration: var(--link-text-decoration);

a:hover {
  text-decoration: var(--link-hover-text-decoration);

pre, code {
  background-color: var(--pre-background-color);
  border-radius: var(--pre-border-radius);

hr {
  border: 0;
  border-bottom-style: var(--rule-border-style);
  border-bottom-width: var(--rule-border-width);
  border-bottom-color: var(--rule-border-color);

8 Rules
9 Selectors
76 Declarations
72 Properties