site/content/assets/css/_colours.css

54 lines
1.2 KiB
CSS
Executable file

/*****************************
* COLOURS
*****************************/
:root {
--background-colour: #FFF;
--primary-colour: #323036;
--secondary-colour: #EFE5DC;
--tertiary-colour: #818589;
--quarternary-colour: #FAF9F6;
--transparent: transparent;
}
/* Adjust Mkdocs colours */
:root {
--md-primary-fg-color: var(--primary-colour);
--md-primary-fg-color--light: var(--tertiary-colour);
--md-primary-fg-color--dark: var(--primary-colour);
--md-primary-bg-color: var(--background-colour);
--md-footer-bg-color: var(--background-colour);
--md-default-bg-color: var(--background-colour);
}
[data-md-color-accent=custom] {
--md-primary-fg-color: var(--primary-colour);
--md-primary-fg-color--light: var(--tertiary-colour);
--md-primary-fg-color--dark: var(--primary-colour);
--md-accent-fg-color: var(--secondary-colour);
}
/* Font colours */
.md-typeset {
p,
h1,
h2,
h3 {
color: var(--primary-color);
}
figcaption,
a,
h4,
h5,
h6 {
color: var(--tertiary-colour);
}
a:hover {
color: var(--secondary-color);
}
}