diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 5ed47c06..0a0a4f54 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -65,7 +65,7 @@ fresh eyes are always welcome.
 ### What to Contribute (This Lesson)
 
 Any contributions are welcome, particularly ideas for how the existing content could be
-improved or updated, and/or errors that need to be corrected. Comments on existing issues 
+improved or updated, and/or errors that need to be corrected. Comments on existing issues
 and reviews of pull requests are similarly welcome.
 
 If you plan to submit a pull request, please open an issue
@@ -73,16 +73,19 @@ If you plan to submit a pull request, please open an issue
 or spent making a change that will not be accepted by the Maintainers.
 
 #### Content / style guidelines
-- If you add an image / figure that was generated from Python code, please include this 
+
+- If you add an image / figure that was generated from Python code, please include this
   code in your PR under `episodes/fig/source`.
 
-- Use the terms in the table below, when referring to Python libraries within the lesson. 
-  The table gives two terms for each library: `Term for descriptive text` which should be 
-  used when discussing the library in plain English / full sentences and `Term for code` 
+- If you add a new image or figure, verify that it displays correctly in the lesson’s dark mode. A color-inversion filter is applied [by Varnish to all images by default in dark mode](https://github.com/carpentries/varnish/issues/181), which may cause some images to appear incorrectly or become unreadable. If your image is affected, include an additional version of the same image with a `-dark` suffix in its filename.
+
+- Use the terms in the table below, when referring to Python libraries within the lesson.
+  The table gives two terms for each library: `Term for descriptive text` which should be
+  used when discussing the library in plain English / full sentences and `Term for code`
   which should be used when referring to code (and within code).
 
    | Python library  | Term for descriptive text | Term for code  |
-   | :-------------  | :-------------            | :------------- | 
+   | :-------------  | :-------------            | :------------- |
    | [scikit-image](https://scikit-image.org/)  | scikit-image  | `skimage` |
    | [NumPy](https://numpy.org/)  | NumPy | `numpy` |
    | [Matplotlib](https://matplotlib.org/) | Matplotlib | `matplotlib` |
@@ -101,7 +104,7 @@ or spent making a change that will not be accepted by the Maintainers.
    rr, cc = ski.draw.rectangle(start=(357, 44), end=(740, 720))
    ```
 
-- For reading and writing images, use the [imageio](https://imageio.readthedocs.io/en/stable/index.html) 
+- For reading and writing images, use the [imageio](https://imageio.readthedocs.io/en/stable/index.html)
   library and avoid use of `skimage.io`. For example:
    ```python
    import imageio.v3 as iio
@@ -109,7 +112,7 @@ or spent making a change that will not be accepted by the Maintainers.
    chair = iio.imread(uri="data/chair.jpg")  # read an image
    iio.imwrite(uri="data/chair.tif", image=chair)  # write an image
    ```
-  
+
 - Comments providing an overall description of a code snippet should use triple quotes `"""`, e.g.,
    ```python
    """Python script to load a colour image in grayscale"""
@@ -138,7 +141,7 @@ Although most contributions will be welcome at this stage of the curriculum's de
 the time available to deliver the content in a training event is strictly limited
 and needs to be accounted for when considering the addition of any new content.
 If you want to suggest the addition of new content, especially whole new sections or episodes,
-please open an issue to discuss this with the Maintainers first and provide the following 
+please open an issue to discuss this with the Maintainers first and provide the following
 information alongside a summary of the content to be added:
 
 1. A suggested location for the new content.
diff --git a/episodes/03-skimage-images.md b/episodes/03-skimage-images.md
index f5de9409..34842802 100644
--- a/episodes/03-skimage-images.md
+++ b/episodes/03-skimage-images.md
@@ -191,7 +191,7 @@ Images may appear the same size in jupyter,
 but you can see the size difference by comparing the scales for each.
 You can also see the difference in file storage size on disk by
 hovering your mouse cursor over the original
-and the new files in the Jupyter file browser, using `ls -l` in your shell 
+and the new files in the Jupyter file browser, using `ls -l` in your shell
 (`dir` with Windows PowerShell), or viewing file sizes in the OS file browser if it is configured so.
 
 :::::::::::::::  solution
@@ -240,7 +240,7 @@ Suppose we are interested in this maize root cluster image.
 We want to be able to focus our program's attention on the roots themselves,
 while ignoring the black background.
 
-![](data/maize-root-cluster.jpg){alt='Root cluster image'}
+![](fig/maize-root-cluster.jpg){alt='Root cluster image'}
 
 Since the image is stored as an array of numbers,
 we can simply look through the array for pixel colour values that are
@@ -379,9 +379,9 @@ the low intensity pixels while changing the high intensity ones.
 
 The file `data/sudoku.png` is an RGB image of a sudoku puzzle:
 
-![](data/sudoku.png){alt='Su-Do-Ku puzzle'}
+![](fig/sudoku.png){alt='Su-Do-Ku puzzle'}
 
-Your task is to load the image in grayscale format and turn all of 
+Your task is to load the image in grayscale format and turn all of
 the bright pixels in the image to a
 light gray colour. In other words, mask the bright pixels that have
 a pixel value greater than, say, 192 and set their value to 192 (the
@@ -392,15 +392,15 @@ range 0-255 of an 8-bit pixel). The results should look like this:
 
 *Hint: the `cmap`, `vmin`, and `vmax` parameters of `matplotlib.pyplot.imshow`
 will be needed to display the modified image as desired. See the [Matplotlib
-documentation](https://matplotlib.org/stable/api/_as_gen/matplotlib.pyplot.imshow.html) 
+documentation](https://matplotlib.org/stable/api/_as_gen/matplotlib.pyplot.imshow.html)
 for more details on `cmap`, `vmin`, and `vmax`.*
 
 :::::::::::::::  solution
 
 ## Solution
 
-First, load the image file `data/sudoku.png` as a grayscale image. 
-Note we may want to create a copy of the image array to avoid modifying our original variable and 
+First, load the image file `data/sudoku.png` as a grayscale image.
+Note we may want to create a copy of the image array to avoid modifying our original variable and
 also because `imageio.v3.imread` sometimes returns a non-writeable image.
 
 ```python
@@ -465,11 +465,11 @@ Consider this image of a whiteboard, and suppose that we want to create a
 sub-image with just the portion that says "odd + even = odd," along with the
 red box that is drawn around the words.
 
-![](data/board.jpg){alt='Whiteboard image'}
+![](fig/board.jpg){alt='Whiteboard image'}
 
-Using `matplotlib.pyplot.imshow` 
+Using `matplotlib.pyplot.imshow`
 we can determine the coordinates of the corners of the area we wish to extract
-by hovering the mouse near the points of interest and noting the coordinates 
+by hovering the mouse near the points of interest and noting the coordinates
 (remember to run `%matplotlib widget` first if you haven't already).
 If we do that, we might settle on a rectangular
 area with an upper-left coordinate of *(135, 60)*
diff --git a/episodes/04-drawing.md b/episodes/04-drawing.md
index a5c4eebc..ae1c4446 100644
--- a/episodes/04-drawing.md
+++ b/episodes/04-drawing.md
@@ -393,7 +393,7 @@ Copy that image to your computer, write some code to make a mask,
 and apply it to select the part of the image containing your object.
 For example, here is an image of a remote control:
 
-![](data/remote-control.jpg){alt='Remote control image'}
+![](fig/remote-control.jpg){alt='Remote control image'}
 
 And, here is the end result of a program masking out everything but the remote:
 
@@ -446,7 +446,7 @@ fig, ax = plt.subplots()
 ax.imshow(wellplate)
 ```
 
-![](data/wellplate-01.jpg){alt='96-well plate'}
+![](fig/wellplate-01.jpg){alt='96-well plate'}
 
 Suppose that we are interested in the colours of the solutions in each of the wells.
 We *do not* care about the colour of the rest of the image,
diff --git a/episodes/05-creating-histograms.md b/episodes/05-creating-histograms.md
index d0e1e259..9d68c5b6 100644
--- a/episodes/05-creating-histograms.md
+++ b/episodes/05-creating-histograms.md
@@ -52,7 +52,7 @@ and histograms are also quite handy as a preparatory step before performing
 We will start with grayscale images,
 and then move on to colour images.
 We will use this image of a plant seedling as an example:
-![](data/plant-seedling.jpg){alt='Plant seedling'}
+![](fig/plant-seedling.jpg){alt='Plant seedling'}
 
 Here we load the image in grayscale instead of full colour, and display it:
 
diff --git a/episodes/06-blurring.md b/episodes/06-blurring.md
index beaeef21..6aec0815 100644
--- a/episodes/06-blurring.md
+++ b/episodes/06-blurring.md
@@ -276,7 +276,7 @@ fig, ax = plt.subplots()
 ax.imshow(image)
 ```
 
-![](data/gaussian-original.png){alt='Original image'}
+![](fig/gaussian-original.png){alt='Original image'}
 
 Next, we apply the gaussian blur:
 
@@ -331,8 +331,8 @@ ax.imshow(blurred)
 
 ## Visualising Blurring
 
-Somebody said once "an image is worth a thousand words". 
-What is actually happening to the image pixels when we apply blurring may be 
+Somebody said once "an image is worth a thousand words".
+What is actually happening to the image pixels when we apply blurring may be
 difficult to grasp. Let's now visualise the effects of blurring from a different
 perspective.
 
@@ -430,18 +430,18 @@ but can be viewed by following the links in the captions.
 
 
 ![
-A 3D plot of pixel intensities across the whole Petri dish image before blurring. 
-[Explore how this plot was created with matplotlib](https://gist.github.com/chbrandt/63ba38142630a0586ba2a13eabedf94b). 
+A 3D plot of pixel intensities across the whole Petri dish image before blurring.
+[Explore how this plot was created with matplotlib](https://gist.github.com/chbrandt/63ba38142630a0586ba2a13eabedf94b).
 Image credit: [Carlos H Brandt](https://github.com/chbrandt/).
 ](fig/3D_petri_before_blurring.png){
 alt='3D surface plot showing pixel intensities across the whole example Petri dish image before blurring'
 }
 
 ![
-A 3D plot of pixel intensities after Gaussian blurring of the Petri dish image. 
-Note the 'smoothing' effect on the pixel intensities of the colonies in the image, 
-and the 'flattening' of the background noise at relatively low pixel intensities throughout the image. 
-[Explore how this plot was created with matplotlib](https://gist.github.com/chbrandt/63ba38142630a0586ba2a13eabedf94b). 
+A 3D plot of pixel intensities after Gaussian blurring of the Petri dish image.
+Note the 'smoothing' effect on the pixel intensities of the colonies in the image,
+and the 'flattening' of the background noise at relatively low pixel intensities throughout the image.
+[Explore how this plot was created with matplotlib](https://gist.github.com/chbrandt/63ba38142630a0586ba2a13eabedf94b).
 Image credit: [Carlos H Brandt](https://github.com/chbrandt/).
 ](fig/3D_petri_after_blurring.png){
 alt='3D surface plot illustrating the smoothing effect on pixel intensities across the whole example Petri dish image after blurring'
diff --git a/episodes/07-thresholding.md b/episodes/07-thresholding.md
index 8636bee7..cd9ccafc 100644
--- a/episodes/07-thresholding.md
+++ b/episodes/07-thresholding.md
@@ -68,7 +68,7 @@ fig, ax = plt.subplots()
 ax.imshow(shapes01)
 ```
 
-![](data/shapes-01.jpg){alt='Image with geometric shapes on white background' .image-with-shadow}
+![](fig/shapes-01.jpg){alt='Image with geometric shapes on white background' .image-with-shadow}
 
 Now suppose we want to select only the shapes from the image.
 In other words, we want to leave the pixels belonging to the shapes "on,"
@@ -214,7 +214,7 @@ ax.imshow(selection)
 Now, it is your turn to practice. Suppose we want to use simple thresholding
 to select only the coloured shapes (in this particular case we consider grayish to be a colour, too) from the image `data/shapes-02.jpg`:
 
-![](data/shapes-02.jpg){alt='Another image with geometric shapes on white background'}
+![](fig/shapes-02.jpg){alt='Another image with geometric shapes on white background'}
 
 First, plot the grayscale histogram as in the [Creating
 Histogram](05-creating-histograms.md) episode and
@@ -324,7 +324,7 @@ fig, ax = plt.subplots()
 ax.imshow(maize_roots)
 ```
 
-![](data/maize-root-cluster.jpg){alt='Image of a maize root'}
+![](fig/maize-root-cluster.jpg){alt='Image of a maize root'}
 
 We use Gaussian blur with a sigma of 1.0 to denoise the root image.
 Let us look at the grayscale histogram of the denoised image.
@@ -348,7 +348,7 @@ ax.set_xlim(0, 1.0)
 
 ![](fig/maize-root-cluster-histogram.png){alt='Grayscale histogram of the maize root image'}
 
-The histogram has a significant peak around 0.2 and then a broader "hill" around 0.6 followed by a 
+The histogram has a significant peak around 0.2 and then a broader "hill" around 0.6 followed by a
 smaller peak near 1.0. Looking at the grayscale image, we can identify the peak at 0.2 with the
 background and the broader peak with the foreground.
 Thus, this image is a good candidate for thresholding with Otsu's method.
@@ -356,17 +356,17 @@ The mathematical details of how this works are complicated (see
 [the scikit-image documentation](https://scikit-image.org/docs/dev/api/skimage.filters.html#threshold-otsu)
 if you are interested),
 but the outcome is that Otsu's method finds a threshold value between the two peaks of a grayscale
-histogram which might correspond well to the foreground and background depending on the data and 
+histogram which might correspond well to the foreground and background depending on the data and
 application.
 
 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: instructor
 
-The histogram of the maize root image may prompt questions from learners about the interpretation 
-of the peaks and the broader region around 0.6. The focus here is on the separation of background 
-and foreground pixel values. We note that Otsu's method does not work well 
-for the image with the shapes used earlier in this episode, as the foreground pixel values are more 
+The histogram of the maize root image may prompt questions from learners about the interpretation
+of the peaks and the broader region around 0.6. The focus here is on the separation of background
+and foreground pixel values. We note that Otsu's method does not work well
+for the image with the shapes used earlier in this episode, as the foreground pixel values are more
 distributed. These examples could be augmented with a discussion of unimodal, bimodal, and multimodal
-histograms. While these points can lead to fruitful considerations, the text in this episode attempts 
+histograms. While these points can lead to fruitful considerations, the text in this episode attempts
 to reduce cognitive load and deliberately simplifies the discussion.
 
 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
@@ -636,10 +636,10 @@ def enhanced_root_mass(filename, sigma):
 
     # perform binary thresholding to mask the white label and circle
     binary_mask = blurred_image < 0.95
-    
+
     # perform automatic thresholding using only the pixels with value True in the binary mask
     t = ski.filters.threshold_otsu(blurred_image[binary_mask])
-    
+
     # update binary mask to identify pixels which are both less than 0.95 and greater than t
     binary_mask = (blurred_image < 0.95) & (blurred_image > t)
 
@@ -677,7 +677,7 @@ The `&` operator above means that we have defined a logical AND statement. This
 | False | True | False |
 | True | False | False |
 | True | True | True |
- 
+
 Knowing how to construct this kind of logical operation can be very helpful in image processing. The University of Minnesota Library's [guide to Boolean operators](https://libguides.umn.edu/BooleanOperators) is a good place to start if you want to learn more.
 
 ::::::::::::::::::::::::::::::::::::::::::::::::::
diff --git a/episodes/08-connected-components.md b/episodes/08-connected-components.md
index d21ca989..095204ae 100644
--- a/episodes/08-connected-components.md
+++ b/episodes/08-connected-components.md
@@ -27,7 +27,7 @@ we have covered dividing an image into foreground and background pixels.
 In the shapes example image,
 we considered the coloured shapes as foreground *objects* on a white background.
 
-![](data/shapes-01.jpg){alt='Original shapes image' .image-with-shadow}
+![](fig/shapes-01.jpg){alt='Original shapes image' .image-with-shadow}
 
 In thresholding we went from the original image to this version:
 
@@ -357,7 +357,7 @@ Those are really big numbers.
 From this available space we only use the range from `0` to `11`.
 When showing this image in the viewer,
 it may squeeze the complete range into 256 gray values.
-Therefore, the range of our numbers does not produce any visible variation. One way to rectify this 
+Therefore, the range of our numbers does not produce any visible variation. One way to rectify this
 is to explicitly specify the data range we want the colormap to cover:
 
 ```python
@@ -365,7 +365,7 @@ fig, ax = plt.subplots()
 ax.imshow(labeled_image, vmin=np.min(labeled_image), vmax=np.max(labeled_image))
 ```
 
-Note this is the default behaviour for newer versions of `matplotlib.pyplot.imshow`. 
+Note this is the default behaviour for newer versions of `matplotlib.pyplot.imshow`.
 Alternatively we could convert the image to RGB and then display it.
 
 
@@ -376,7 +376,7 @@ Alternatively we could convert the image to RGB and then display it.
 ## Suppressing outputs in Jupyter Notebooks
 
 We just used `ax.set_axis_off();` to hide the axis from the image for a visually cleaner figure. The
-semicolon is added to supress the output(s) of the statement, in this [case](https://matplotlib.org/stable/api/_as_gen/matplotlib.pyplot.axis.html) 
+semicolon is added to supress the output(s) of the statement, in this [case](https://matplotlib.org/stable/api/_as_gen/matplotlib.pyplot.axis.html)
 the axis limits. This is specific to Jupyter Notebooks.
 
 ::::::::::::::::::::::::::::::::::::::::::::::::::
diff --git a/episodes/fig/3D_petri_after_blurring-dark.png b/episodes/fig/3D_petri_after_blurring-dark.png
new file mode 100644
index 00000000..5583cd82
Binary files /dev/null and b/episodes/fig/3D_petri_after_blurring-dark.png differ
diff --git a/episodes/fig/3D_petri_before_blurring-dark.png b/episodes/fig/3D_petri_before_blurring-dark.png
new file mode 100644
index 00000000..7811232a
Binary files /dev/null and b/episodes/fig/3D_petri_before_blurring-dark.png differ
diff --git a/episodes/fig/Gaussian_2D-dark.png b/episodes/fig/Gaussian_2D-dark.png
new file mode 100644
index 00000000..da7ffecf
Binary files /dev/null and b/episodes/fig/Gaussian_2D-dark.png differ
diff --git a/episodes/fig/beads-canny-ui-dark.png b/episodes/fig/beads-canny-ui-dark.png
new file mode 100644
index 00000000..ca6f6a75
Binary files /dev/null and b/episodes/fig/beads-canny-ui-dark.png differ
diff --git a/episodes/fig/beads-dark.jpg b/episodes/fig/beads-dark.jpg
new file mode 100644
index 00000000..4a585f9f
Binary files /dev/null and b/episodes/fig/beads-dark.jpg differ
diff --git a/episodes/fig/beads-out-dark.png b/episodes/fig/beads-out-dark.png
new file mode 100644
index 00000000..e6cd9242
Binary files /dev/null and b/episodes/fig/beads-out-dark.png differ
diff --git a/episodes/fig/beads.jpg b/episodes/fig/beads.jpg
new file mode 100644
index 00000000..4a585f9f
Binary files /dev/null and b/episodes/fig/beads.jpg differ
diff --git a/episodes/fig/black-and-white-dark.jpg b/episodes/fig/black-and-white-dark.jpg
new file mode 100644
index 00000000..393a772c
Binary files /dev/null and b/episodes/fig/black-and-white-dark.jpg differ
diff --git a/episodes/fig/black-and-white-edge-pixels-dark.jpg b/episodes/fig/black-and-white-edge-pixels-dark.jpg
new file mode 100644
index 00000000..c5f04a5c
Binary files /dev/null and b/episodes/fig/black-and-white-edge-pixels-dark.jpg differ
diff --git a/episodes/fig/black-and-white-gradient-dark.png b/episodes/fig/black-and-white-gradient-dark.png
new file mode 100644
index 00000000..de1d9c43
Binary files /dev/null and b/episodes/fig/black-and-white-gradient-dark.png differ
diff --git a/episodes/fig/blur-demo-dark.gif b/episodes/fig/blur-demo-dark.gif
new file mode 100644
index 00000000..5e8bd4ce
Binary files /dev/null and b/episodes/fig/blur-demo-dark.gif differ
diff --git a/episodes/fig/board-coordinates-dark.jpg b/episodes/fig/board-coordinates-dark.jpg
new file mode 100644
index 00000000..be691f00
Binary files /dev/null and b/episodes/fig/board-coordinates-dark.jpg differ
diff --git a/episodes/fig/board-dark.jpg b/episodes/fig/board-dark.jpg
new file mode 100644
index 00000000..9b61e4e9
Binary files /dev/null and b/episodes/fig/board-dark.jpg differ
diff --git a/episodes/fig/board-final-dark.jpg b/episodes/fig/board-final-dark.jpg
new file mode 100644
index 00000000..53545a2f
Binary files /dev/null and b/episodes/fig/board-final-dark.jpg differ
diff --git a/episodes/fig/board.jpg b/episodes/fig/board.jpg
new file mode 100644
index 00000000..9b61e4e9
Binary files /dev/null and b/episodes/fig/board.jpg differ
diff --git a/episodes/fig/cartesian-coordinates-dark.png b/episodes/fig/cartesian-coordinates-dark.png
new file mode 100644
index 00000000..218b3e6b
Binary files /dev/null and b/episodes/fig/cartesian-coordinates-dark.png differ
diff --git a/episodes/fig/cat-corner-blue-dark.png b/episodes/fig/cat-corner-blue-dark.png
new file mode 100644
index 00000000..5f89e1b9
Binary files /dev/null and b/episodes/fig/cat-corner-blue-dark.png differ
diff --git a/episodes/fig/cat-dark.jpg b/episodes/fig/cat-dark.jpg
new file mode 100644
index 00000000..4f3f969c
Binary files /dev/null and b/episodes/fig/cat-dark.jpg differ
diff --git a/episodes/fig/cat-eye-pixels-dark.jpg b/episodes/fig/cat-eye-pixels-dark.jpg
new file mode 100644
index 00000000..1f34da18
Binary files /dev/null and b/episodes/fig/cat-eye-pixels-dark.jpg differ
diff --git a/episodes/fig/checkerboard-blue-channel-dark.png b/episodes/fig/checkerboard-blue-channel-dark.png
new file mode 100644
index 00000000..7a411abd
Binary files /dev/null and b/episodes/fig/checkerboard-blue-channel-dark.png differ
diff --git a/episodes/fig/checkerboard-dark.png b/episodes/fig/checkerboard-dark.png
new file mode 100644
index 00000000..417874a8
Binary files /dev/null and b/episodes/fig/checkerboard-dark.png differ
diff --git a/episodes/fig/checkerboard-green-channel-dark.png b/episodes/fig/checkerboard-green-channel-dark.png
new file mode 100644
index 00000000..505b1957
Binary files /dev/null and b/episodes/fig/checkerboard-green-channel-dark.png differ
diff --git a/episodes/fig/checkerboard-red-channel-dark.png b/episodes/fig/checkerboard-red-channel-dark.png
new file mode 100644
index 00000000..e6a8f1ae
Binary files /dev/null and b/episodes/fig/checkerboard-red-channel-dark.png differ
diff --git a/episodes/fig/colonies-01-dark.jpg b/episodes/fig/colonies-01-dark.jpg
new file mode 100644
index 00000000..31440c05
Binary files /dev/null and b/episodes/fig/colonies-01-dark.jpg differ
diff --git a/episodes/fig/colonies-01-gray-dark.png b/episodes/fig/colonies-01-gray-dark.png
new file mode 100644
index 00000000..50179219
Binary files /dev/null and b/episodes/fig/colonies-01-gray-dark.png differ
diff --git a/episodes/fig/colonies-01-mask-dark.png b/episodes/fig/colonies-01-mask-dark.png
new file mode 100644
index 00000000..f51dc69f
Binary files /dev/null and b/episodes/fig/colonies-01-mask-dark.png differ
diff --git a/episodes/fig/colonies-01-summary-dark.png b/episodes/fig/colonies-01-summary-dark.png
new file mode 100644
index 00000000..8cb89ea0
Binary files /dev/null and b/episodes/fig/colonies-01-summary-dark.png differ
diff --git a/episodes/fig/colonies-02-dark.jpg b/episodes/fig/colonies-02-dark.jpg
new file mode 100644
index 00000000..4bbd2a68
Binary files /dev/null and b/episodes/fig/colonies-02-dark.jpg differ
diff --git a/episodes/fig/colonies-02-summary-dark.png b/episodes/fig/colonies-02-summary-dark.png
new file mode 100644
index 00000000..a2c8834b
Binary files /dev/null and b/episodes/fig/colonies-02-summary-dark.png differ
diff --git a/episodes/fig/colonies-03-dark.jpg b/episodes/fig/colonies-03-dark.jpg
new file mode 100644
index 00000000..949be722
Binary files /dev/null and b/episodes/fig/colonies-03-dark.jpg differ
diff --git a/episodes/fig/colonies-03-summary-dark.png b/episodes/fig/colonies-03-summary-dark.png
new file mode 100644
index 00000000..3c3f652c
Binary files /dev/null and b/episodes/fig/colonies-03-summary-dark.png differ
diff --git a/episodes/fig/colony-mask-dark.png b/episodes/fig/colony-mask-dark.png
new file mode 100644
index 00000000..d4ea8e2a
Binary files /dev/null and b/episodes/fig/colony-mask-dark.png differ
diff --git a/episodes/fig/colour-table-dark.png b/episodes/fig/colour-table-dark.png
new file mode 100644
index 00000000..27372fd2
Binary files /dev/null and b/episodes/fig/colour-table-dark.png differ
diff --git a/episodes/fig/combination-dark.png b/episodes/fig/combination-dark.png
new file mode 100644
index 00000000..2d35980a
Binary files /dev/null and b/episodes/fig/combination-dark.png differ
diff --git a/episodes/fig/drawing-practice-dark.jpg b/episodes/fig/drawing-practice-dark.jpg
new file mode 100644
index 00000000..588d56cb
Binary files /dev/null and b/episodes/fig/drawing-practice-dark.jpg differ
diff --git a/episodes/fig/eight-dark.png b/episodes/fig/eight-dark.png
new file mode 100644
index 00000000..99b69f00
Binary files /dev/null and b/episodes/fig/eight-dark.png differ
diff --git a/episodes/fig/five-dark.png b/episodes/fig/five-dark.png
new file mode 100644
index 00000000..0832c5b8
Binary files /dev/null and b/episodes/fig/five-dark.png differ
diff --git a/episodes/fig/four-maize-roots-binary-dark.jpg b/episodes/fig/four-maize-roots-binary-dark.jpg
new file mode 100644
index 00000000..4d90220f
Binary files /dev/null and b/episodes/fig/four-maize-roots-binary-dark.jpg differ
diff --git a/episodes/fig/four-maize-roots-binary-improved-dark.jpg b/episodes/fig/four-maize-roots-binary-improved-dark.jpg
new file mode 100644
index 00000000..6bbf1b4a
Binary files /dev/null and b/episodes/fig/four-maize-roots-binary-improved-dark.jpg differ
diff --git a/episodes/fig/four-maize-roots-dark.jpg b/episodes/fig/four-maize-roots-dark.jpg
new file mode 100644
index 00000000..2e5d365e
Binary files /dev/null and b/episodes/fig/four-maize-roots-dark.jpg differ
diff --git a/episodes/fig/gaussian-blurred-dark.png b/episodes/fig/gaussian-blurred-dark.png
new file mode 100644
index 00000000..c8c86830
Binary files /dev/null and b/episodes/fig/gaussian-blurred-dark.png differ
diff --git a/episodes/fig/gaussian-kernel-dark.png b/episodes/fig/gaussian-kernel-dark.png
new file mode 100644
index 00000000..6ac11047
Binary files /dev/null and b/episodes/fig/gaussian-kernel-dark.png differ
diff --git a/episodes/fig/gaussian-original-dark.png b/episodes/fig/gaussian-original-dark.png
new file mode 100644
index 00000000..7eceeb1c
Binary files /dev/null and b/episodes/fig/gaussian-original-dark.png differ
diff --git a/episodes/fig/gaussian-original.png b/episodes/fig/gaussian-original.png
new file mode 100644
index 00000000..7eceeb1c
Binary files /dev/null and b/episodes/fig/gaussian-original.png differ
diff --git a/episodes/fig/grayscale-dark.png b/episodes/fig/grayscale-dark.png
new file mode 100644
index 00000000..76037a5f
Binary files /dev/null and b/episodes/fig/grayscale-dark.png differ
diff --git a/episodes/fig/image-coordinates-dark.png b/episodes/fig/image-coordinates-dark.png
new file mode 100644
index 00000000..db8e7bf6
Binary files /dev/null and b/episodes/fig/image-coordinates-dark.png differ
diff --git a/episodes/fig/left-hand-coordinates-dark.png b/episodes/fig/left-hand-coordinates-dark.png
new file mode 100644
index 00000000..a16e1837
Binary files /dev/null and b/episodes/fig/left-hand-coordinates-dark.png differ
diff --git a/episodes/fig/maize-root-cluster-dark.jpg b/episodes/fig/maize-root-cluster-dark.jpg
new file mode 100644
index 00000000..ac9b56ee
Binary files /dev/null and b/episodes/fig/maize-root-cluster-dark.jpg differ
diff --git a/episodes/fig/maize-root-cluster-mask-dark.png b/episodes/fig/maize-root-cluster-mask-dark.png
new file mode 100644
index 00000000..2ecee5c4
Binary files /dev/null and b/episodes/fig/maize-root-cluster-mask-dark.png differ
diff --git a/episodes/fig/maize-root-cluster-selected-dark.png b/episodes/fig/maize-root-cluster-selected-dark.png
new file mode 100644
index 00000000..c0a2f243
Binary files /dev/null and b/episodes/fig/maize-root-cluster-selected-dark.png differ
diff --git a/episodes/fig/maize-root-cluster-threshold-dark.jpg b/episodes/fig/maize-root-cluster-threshold-dark.jpg
new file mode 100644
index 00000000..4ddb086f
Binary files /dev/null and b/episodes/fig/maize-root-cluster-threshold-dark.jpg differ
diff --git a/episodes/fig/maize-root-cluster.jpg b/episodes/fig/maize-root-cluster.jpg
new file mode 100644
index 00000000..ac9b56ee
Binary files /dev/null and b/episodes/fig/maize-root-cluster.jpg differ
diff --git a/episodes/fig/maize-roots-grayscale-dark.jpg b/episodes/fig/maize-roots-grayscale-dark.jpg
new file mode 100644
index 00000000..dc5a0817
Binary files /dev/null and b/episodes/fig/maize-roots-grayscale-dark.jpg differ
diff --git a/episodes/fig/maize-roots-grayscale.jpg b/episodes/fig/maize-roots-grayscale.jpg
new file mode 100644
index 00000000..dc5a0817
Binary files /dev/null and b/episodes/fig/maize-roots-grayscale.jpg differ
diff --git a/episodes/fig/maize-roots-threshold-dark.png b/episodes/fig/maize-roots-threshold-dark.png
new file mode 100644
index 00000000..ccd20ae3
Binary files /dev/null and b/episodes/fig/maize-roots-threshold-dark.png differ
diff --git a/episodes/fig/maize-seedling-enlarged-dark.jpg b/episodes/fig/maize-seedling-enlarged-dark.jpg
new file mode 100644
index 00000000..bef67872
Binary files /dev/null and b/episodes/fig/maize-seedling-enlarged-dark.jpg differ
diff --git a/episodes/fig/maize-seedling-original-dark.jpg b/episodes/fig/maize-seedling-original-dark.jpg
new file mode 100644
index 00000000..ee5d36ea
Binary files /dev/null and b/episodes/fig/maize-seedling-original-dark.jpg differ
diff --git a/episodes/fig/maize-seedlings-dark.jpg b/episodes/fig/maize-seedlings-dark.jpg
new file mode 100644
index 00000000..b6599d44
Binary files /dev/null and b/episodes/fig/maize-seedlings-dark.jpg differ
diff --git a/episodes/fig/maize-seedlings-mask-dark.png b/episodes/fig/maize-seedlings-mask-dark.png
new file mode 100644
index 00000000..d29a28aa
Binary files /dev/null and b/episodes/fig/maize-seedlings-mask-dark.png differ
diff --git a/episodes/fig/maize-seedlings-masked-dark.jpg b/episodes/fig/maize-seedlings-masked-dark.jpg
new file mode 100644
index 00000000..2bec2bd6
Binary files /dev/null and b/episodes/fig/maize-seedlings-masked-dark.jpg differ
diff --git a/episodes/fig/petri-blurred-intensities-plot-dark.png b/episodes/fig/petri-blurred-intensities-plot-dark.png
new file mode 100644
index 00000000..bbb4df43
Binary files /dev/null and b/episodes/fig/petri-blurred-intensities-plot-dark.png differ
diff --git a/episodes/fig/petri-dish-dark.png b/episodes/fig/petri-dish-dark.png
new file mode 100644
index 00000000..422a5257
Binary files /dev/null and b/episodes/fig/petri-dish-dark.png differ
diff --git a/episodes/fig/petri-original-intensities-plot-dark.png b/episodes/fig/petri-original-intensities-plot-dark.png
new file mode 100644
index 00000000..c78b5072
Binary files /dev/null and b/episodes/fig/petri-original-intensities-plot-dark.png differ
diff --git a/episodes/fig/petri-selected-pixels-marker-dark.png b/episodes/fig/petri-selected-pixels-marker-dark.png
new file mode 100644
index 00000000..097c59e2
Binary files /dev/null and b/episodes/fig/petri-selected-pixels-marker-dark.png differ
diff --git a/episodes/fig/plant-seedling-colour-histogram-dark.png b/episodes/fig/plant-seedling-colour-histogram-dark.png
new file mode 100644
index 00000000..a73d84a6
Binary files /dev/null and b/episodes/fig/plant-seedling-colour-histogram-dark.png differ
diff --git a/episodes/fig/plant-seedling-dark.jpg b/episodes/fig/plant-seedling-dark.jpg
new file mode 100644
index 00000000..6dd51ad1
Binary files /dev/null and b/episodes/fig/plant-seedling-dark.jpg differ
diff --git a/episodes/fig/plant-seedling-grayscale-dark.png b/episodes/fig/plant-seedling-grayscale-dark.png
new file mode 100644
index 00000000..cf8fd28b
Binary files /dev/null and b/episodes/fig/plant-seedling-grayscale-dark.png differ
diff --git a/episodes/fig/plant-seedling-grayscale-histogram-dark.png b/episodes/fig/plant-seedling-grayscale-histogram-dark.png
new file mode 100644
index 00000000..5bbb1feb
Binary files /dev/null and b/episodes/fig/plant-seedling-grayscale-histogram-dark.png differ
diff --git a/episodes/fig/plant-seedling-grayscale-histogram-mask-dark.png b/episodes/fig/plant-seedling-grayscale-histogram-mask-dark.png
new file mode 100644
index 00000000..bb543278
Binary files /dev/null and b/episodes/fig/plant-seedling-grayscale-histogram-mask-dark.png differ
diff --git a/episodes/fig/plant-seedling.jpg b/episodes/fig/plant-seedling.jpg
new file mode 100644
index 00000000..6dd51ad1
Binary files /dev/null and b/episodes/fig/plant-seedling.jpg differ
diff --git a/episodes/fig/quality-histogram-dark.jpg b/episodes/fig/quality-histogram-dark.jpg
new file mode 100644
index 00000000..20e142b7
Binary files /dev/null and b/episodes/fig/quality-histogram-dark.jpg differ
diff --git a/episodes/fig/quality-jpg-dark.jpg b/episodes/fig/quality-jpg-dark.jpg
new file mode 100644
index 00000000..4687e370
Binary files /dev/null and b/episodes/fig/quality-jpg-dark.jpg differ
diff --git a/episodes/fig/quality-original-dark.jpg b/episodes/fig/quality-original-dark.jpg
new file mode 100644
index 00000000..e169be00
Binary files /dev/null and b/episodes/fig/quality-original-dark.jpg differ
diff --git a/episodes/fig/quality-tif-dark.jpg b/episodes/fig/quality-tif-dark.jpg
new file mode 100644
index 00000000..fcead57c
Binary files /dev/null and b/episodes/fig/quality-tif-dark.jpg differ
diff --git a/episodes/fig/rectangle-gaussian-blurred-dark.png b/episodes/fig/rectangle-gaussian-blurred-dark.png
new file mode 100644
index 00000000..61b3f8b8
Binary files /dev/null and b/episodes/fig/rectangle-gaussian-blurred-dark.png differ
diff --git a/episodes/fig/remote-control-dark.jpg b/episodes/fig/remote-control-dark.jpg
new file mode 100644
index 00000000..dfe33abd
Binary files /dev/null and b/episodes/fig/remote-control-dark.jpg differ
diff --git a/episodes/fig/remote-control-masked-dark.jpg b/episodes/fig/remote-control-masked-dark.jpg
new file mode 100644
index 00000000..61881f44
Binary files /dev/null and b/episodes/fig/remote-control-masked-dark.jpg differ
diff --git a/episodes/fig/remote-control.jpg b/episodes/fig/remote-control.jpg
new file mode 100644
index 00000000..dfe33abd
Binary files /dev/null and b/episodes/fig/remote-control.jpg differ
diff --git a/episodes/fig/shapes-01-canny-edge-output-dark.png b/episodes/fig/shapes-01-canny-edge-output-dark.png
new file mode 100644
index 00000000..36deb877
Binary files /dev/null and b/episodes/fig/shapes-01-canny-edge-output-dark.png differ
diff --git a/episodes/fig/shapes-01-canny-edges-dark.png b/episodes/fig/shapes-01-canny-edges-dark.png
new file mode 100644
index 00000000..c9272d6a
Binary files /dev/null and b/episodes/fig/shapes-01-canny-edges-dark.png differ
diff --git a/episodes/fig/shapes-01-canny-track-edges-dark.png b/episodes/fig/shapes-01-canny-track-edges-dark.png
new file mode 100644
index 00000000..40dc580e
Binary files /dev/null and b/episodes/fig/shapes-01-canny-track-edges-dark.png differ
diff --git a/episodes/fig/shapes-01-cca-detail-dark.png b/episodes/fig/shapes-01-cca-detail-dark.png
new file mode 100644
index 00000000..5fd9041d
Binary files /dev/null and b/episodes/fig/shapes-01-cca-detail-dark.png differ
diff --git a/episodes/fig/shapes-01-dark.jpg b/episodes/fig/shapes-01-dark.jpg
new file mode 100644
index 00000000..6b2707ad
Binary files /dev/null and b/episodes/fig/shapes-01-dark.jpg differ
diff --git a/episodes/fig/shapes-01-filtered-objects-dark.png b/episodes/fig/shapes-01-filtered-objects-dark.png
new file mode 100644
index 00000000..3d13ca04
Binary files /dev/null and b/episodes/fig/shapes-01-filtered-objects-dark.png differ
diff --git a/episodes/fig/shapes-01-grayscale-dark.png b/episodes/fig/shapes-01-grayscale-dark.png
new file mode 100644
index 00000000..25a6cfa5
Binary files /dev/null and b/episodes/fig/shapes-01-grayscale-dark.png differ
diff --git a/episodes/fig/shapes-01-labeled-dark.png b/episodes/fig/shapes-01-labeled-dark.png
new file mode 100644
index 00000000..5311ecdc
Binary files /dev/null and b/episodes/fig/shapes-01-labeled-dark.png differ
diff --git a/episodes/fig/shapes-01-mask-dark.png b/episodes/fig/shapes-01-mask-dark.png
new file mode 100644
index 00000000..0c9f1a59
Binary files /dev/null and b/episodes/fig/shapes-01-mask-dark.png differ
diff --git a/episodes/fig/shapes-01-objects-coloured-by-area-dark.png b/episodes/fig/shapes-01-objects-coloured-by-area-dark.png
new file mode 100644
index 00000000..e3da4ec3
Binary files /dev/null and b/episodes/fig/shapes-01-objects-coloured-by-area-dark.png differ
diff --git a/episodes/fig/shapes-01-objects-coloured-by-area.png b/episodes/fig/shapes-01-objects-coloured-by-area.png
index b70ec8ff..e3da4ec3 100644
Binary files a/episodes/fig/shapes-01-objects-coloured-by-area.png and b/episodes/fig/shapes-01-objects-coloured-by-area.png differ
diff --git a/episodes/fig/shapes-01-selected-dark.png b/episodes/fig/shapes-01-selected-dark.png
new file mode 100644
index 00000000..fd50ed96
Binary files /dev/null and b/episodes/fig/shapes-01-selected-dark.png differ
diff --git a/episodes/fig/shapes-01.jpg b/episodes/fig/shapes-01.jpg
new file mode 100644
index 00000000..6b2707ad
Binary files /dev/null and b/episodes/fig/shapes-01.jpg differ
diff --git a/episodes/fig/shapes-02-dark.jpg b/episodes/fig/shapes-02-dark.jpg
new file mode 100644
index 00000000..5553492e
Binary files /dev/null and b/episodes/fig/shapes-02-dark.jpg differ
diff --git a/episodes/fig/shapes-02-mask-dark.png b/episodes/fig/shapes-02-mask-dark.png
new file mode 100644
index 00000000..3d49ac5c
Binary files /dev/null and b/episodes/fig/shapes-02-mask-dark.png differ
diff --git a/episodes/fig/shapes-02-selected-dark.png b/episodes/fig/shapes-02-selected-dark.png
new file mode 100644
index 00000000..eb5b6e91
Binary files /dev/null and b/episodes/fig/shapes-02-selected-dark.png differ
diff --git a/episodes/fig/shapes-02.jpg b/episodes/fig/shapes-02.jpg
new file mode 100644
index 00000000..5553492e
Binary files /dev/null and b/episodes/fig/shapes-02.jpg differ
diff --git a/episodes/fig/sudoku-dark.png b/episodes/fig/sudoku-dark.png
new file mode 100644
index 00000000..e6262cf4
Binary files /dev/null and b/episodes/fig/sudoku-dark.png differ
diff --git a/episodes/fig/sudoku-gray-dark.png b/episodes/fig/sudoku-gray-dark.png
new file mode 100644
index 00000000..4565e282
Binary files /dev/null and b/episodes/fig/sudoku-gray-dark.png differ
diff --git a/episodes/fig/sudoku.png b/episodes/fig/sudoku.png
new file mode 100644
index 00000000..e6262cf4
Binary files /dev/null and b/episodes/fig/sudoku.png differ
diff --git a/episodes/fig/three-colours-dark.png b/episodes/fig/three-colours-dark.png
new file mode 100644
index 00000000..466b949f
Binary files /dev/null and b/episodes/fig/three-colours-dark.png differ
diff --git a/episodes/fig/wellplate-01-dark.jpg b/episodes/fig/wellplate-01-dark.jpg
new file mode 100644
index 00000000..6cf02f4d
Binary files /dev/null and b/episodes/fig/wellplate-01-dark.jpg differ
diff --git a/episodes/fig/wellplate-01-masked-dark.jpg b/episodes/fig/wellplate-01-masked-dark.jpg
new file mode 100644
index 00000000..8b3d918d
Binary files /dev/null and b/episodes/fig/wellplate-01-masked-dark.jpg differ
diff --git a/episodes/fig/wellplate-01.jpg b/episodes/fig/wellplate-01.jpg
new file mode 100644
index 00000000..6cf02f4d
Binary files /dev/null and b/episodes/fig/wellplate-01.jpg differ
diff --git a/episodes/fig/wellplate-02-dark.jpg b/episodes/fig/wellplate-02-dark.jpg
new file mode 100644
index 00000000..fc2cbf42
Binary files /dev/null and b/episodes/fig/wellplate-02-dark.jpg differ
diff --git a/episodes/fig/wellplate-02-histogram-dark.png b/episodes/fig/wellplate-02-histogram-dark.png
new file mode 100644
index 00000000..ac109122
Binary files /dev/null and b/episodes/fig/wellplate-02-histogram-dark.png differ
diff --git a/episodes/fig/wellplate-02-masked-dark.jpg b/episodes/fig/wellplate-02-masked-dark.jpg
new file mode 100644
index 00000000..bbd2797b
Binary files /dev/null and b/episodes/fig/wellplate-02-masked-dark.jpg differ
diff --git a/episodes/fig/zero-dark.png b/episodes/fig/zero-dark.png
new file mode 100644
index 00000000..44ead028
Binary files /dev/null and b/episodes/fig/zero-dark.png differ
diff --git a/learners/edge-detection.md b/learners/edge-detection.md
index 0486e50a..53d87651 100644
--- a/learners/edge-detection.md
+++ b/learners/edge-detection.md
@@ -128,7 +128,7 @@ We will execute the program on the `data/shapes-01.jpg` image,
 which we used before in
 [the *Thresholding* episode](../episodes/07-thresholding.md):
 
-![](data/shapes-01.jpg){alt='coloured shapes'}
+![](fig/shapes-01.jpg){alt='coloured shapes'}
 
 We are interested in finding the edges of the shapes in the image,
 and so the colours are not important.
@@ -225,7 +225,7 @@ based on the contents of the image(s) to be processed.
 Here is an image of some glass beads that we can use as
 input into a Canny edge detection program:
 
-![](data/beads.jpg){alt='Beads image'}
+![](fig/beads.jpg){alt='Beads image'}
 
 We could use the `code/edge-detection/CannyEdge.py` program above
 to find edges in this image.
@@ -394,7 +394,7 @@ Consider this image of a collection of maize seedlings,
 and suppose we wish to use simple fixed-level thresholding to
 mask out everything that is not part of one of the plants.
 
-![](data/maize-roots-grayscale.jpg){alt='Maize roots image'}
+![](fig/maize-roots-grayscale.jpg){alt='Maize roots image'}
 
 To perform the thresholding, we could first create a histogram,
 then examine it, and select an appropriate threshold value.