Skip to content
avatar

Jeremy Worth

A Personal Perspective


Colour Chart

The variables used on this wesbite.

As follows:

--md-primary-fg-color
--md-primary-fg-color--light
--md-primary-fg-color--dark
--md-primary-bg-color
--md-primary-bg-color--light
--md-accent-fg-color
--md-accent-fg-color--transparent
--md-accent-bg-color
--md-accent-bg-color--light
--md-default-fg-color
--md-default-fg-color--light
--md-default-fg-color--lighter
--md-default-fg-color--lightest
--md-default-bg-color
--md-default-bg-color--light
--md-default-bg-color--lighter
--md-default-bg-color--lightest
--md-code-fg-color
--md-code-bg-color
--md-code-hl-color
--md-code-hl-number-color
--md-code-hl-special-color
--md-code-hl-function-color
--md-code-hl-constant-color
--md-code-hl-keyword-color
--md-code-hl-string-color
--md-code-hl-name-color
--md-code-hl-operator-color
--md-code-hl-punctuation-color
--md-code-hl-comment-color
--md-code-hl-generic-color
--md-code-hl-variable-color
--md-typeset-color
--md-typeset-a-color
--md-typeset-mark-color
--md-typeset-del-color
--md-typeset-ins-color
--md-typeset-kbd-color
--md-typeset-kbd-accent-color
--md-typeset-kbd-border-color
--md-typeset-table-color
--md-typeset-table-color--light
--md-admonition-fg-color
--md-admonition-bg-color
--md-warning-fg-color
--md-warning-bg-color
--md-footer-fg-color
--md-footer-fg-color--light
--md-footer-fg-color--lighter
--md-footer-bg-color
--md-footer-bg-color--dark

Information

For further details on the use of the colour variables, please see the MkDocs Material documentation.