Custom primary and secondary colours

Author: PhilReedData

README.md

@@ -5,6 +5,7 @@ Separate the training docs/help content to separate repo, like [IBISBA Handboook
 Built using [Jupyter Book 1](https://jupyterbook.org/). For additional guidance, see:
 
 - [Anatomy of a Jupyter Book (TeachBooks.io)](https://teachbooks.io/manual/basic-features/jupyterbook.html)
+- [Sphinx Design (the engine behind Jupyter Book)](https://sphinx-design.readthedocs.io/en/latest/)
 
 To run locally, install Jupyter Book then build:
 ```shell

TeSS_docs/_static/sphinx-variables.css

@@ -0,0 +1,18 @@
+/* Custom CSS variables: see https://sphinx-design.readthedocs.io/en/latest/css_variables.html and https://pydata-sphinx-theme.readthedocs.io/en/stable/user_guide/styling.html */
+
+html[data-theme="light"] {
+    --pst-color-primary: #F47D21;
+}
+
+html[data-theme="dark"] {
+    --pst-color-primary: #F47D21;
+}
+
+html[data-theme="light"] {
+    --pst-color-secondary: #047eaa;
+}
+
+html[data-theme="dark"] {
+    --pst-color-secondary: #047eaa;
+}
+

TeSS_docs/developers/code-data.md

@@ -18,7 +18,7 @@ The source code for TeSS [is available on GitHub](https://github.com/ElixirTeSS/
 
 :::{grid-item-card}
 
-{fas}`plug` **Data**
+{fas}`plug;sd-text-secondary` **Data**
 ^^^
 
 Data in TeSS can be accessed via our [API](#api), under the [CC-BY 4.0](https://creativecommons.org/licenses/by/4.0/).

TeSS_docs/index.md

@@ -11,7 +11,7 @@ This documentation is intended to provide help and information on how to use a t
 :link: overview/tess
 :link-type: doc
 
-{fas}`panorama`  **Overview**
+{fas}`panorama;sd-text-secondary` **Overview**
 ^^^
 
 What is TeSS, definitions of terms.
@@ -21,7 +21,7 @@ What is TeSS, definitions of terms.
 :link: accounts/user
 :link-type: doc
 
-{fas}`user-plus`  **Account creation**
+{fas}`user-plus;sd-text-secondary` **Account creation**
 ^^^
 
 Creating a user account, setting up a content provider.
@@ -31,7 +31,7 @@ Creating a user account, setting up a content provider.
 :link: spaces/intro-spaces
 :link-type: doc
 
-{fas}`boxes-stacked`  **Spaces**
+{fas}`boxes-stacked;sd-text-secondary` **Spaces**
 ^^^
 
 When to set up a TeSS space, how to credit other spaces' materials.
@@ -41,7 +41,7 @@ When to set up a TeSS space, how to credit other spaces' materials.
 :link: content/auto
 :link-type: doc
 
-{fas}`box-open` **Content**
+{fas}`box-open;sd-text-secondary` **Content**
 ^^^
 
 Automatically or manually register events, materials or learning paths.
@@ -51,7 +51,7 @@ Automatically or manually register events, materials or learning paths.
 :link: developers/code-data
 :link-type: doc
 
-{fas}`wrench`  **Developers**
+{fas}`wrench;sd-text-secondary` **Developers**
 ^^^
 
 Configure an API or widget.