From 40eea3b4097019a5eaca65968cc249ed564e0023 Mon Sep 17 00:00:00 2001 From: Daenney Date: Mon, 20 Feb 2023 23:09:17 +0100 Subject: [feature] Use Material theme for docs (#1535) * [feature] Use Material theme for docs This changes the theme to use Material with the slate (dark) theme and the accent colour set to orange. It also replaces the swagger plugin with one that works correctly with the Material theming. * Add theme by @f0x52 Co-authored-by: f0x52 * Enable social cards The dependencies for cairosvg and pillow can be satisfied on RTD, so this adds them to our requirements.txt and enables the social plugin. This generates opengraph and twitter card tags as well as fancy preview images in GTS colour style for platforms that show that as part of link previews. * Update Conda environment.yml * update theme for swagger, basic light theme option * dark mode mobile header bg color --------- Co-authored-by: f0x52 --- docs/assets/css/colours.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 docs/assets/css/colours.css (limited to 'docs/assets/css/colours.css') diff --git a/docs/assets/css/colours.css b/docs/assets/css/colours.css new file mode 100644 index 000000000..2b228ad1d --- /dev/null +++ b/docs/assets/css/colours.css @@ -0,0 +1,25 @@ +[data-md-color-scheme="slate"] { + --md-primary-fg-color: #fd6a00; + --md-default-fg-color: #fafaff; + --md-default-fg-color--light: var(--md-default-fg-color); + --md-default-fg-color--lighter: var(--md-default-fg-color); + --md-default-fg-color--lightest: var(--md-default-fg-color); + --md-default-bg-color: #2a2b2f; + --md-default-bg-color--light: #35363b; + --md-default-bg-color--lighter: #3a3b41; + --md-default-bg-color--lightest: #4d4e56; + + --md-typeset-color: var(--md-default-fg-color); + --md-typeset-a-color: #66befe; + --md-accent-fg-color: #89caff; + + --md-footer-bg-color: var(--md-default-bg-color); +} + +[data-md-color-scheme="slate"] .md-nav--primary .md-nav__title { + background: var(--md-default-bg-color) !important; +} + +.md-content { + background: var(--md-default-bg-color--lightest); +} -- cgit v1.3