Color Base
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