diff --git a/book/book.toml b/book/book.toml
index b4a47afdf..03e2cf70c 100644
--- a/book/book.toml
+++ b/book/book.toml
@@ -13,5 +13,6 @@ title = "Kanidm Administration"
edit-url-template = "https://github.com/kanidm/kanidm/edit/master/book/{path}"
git-repository-url = "https://github.com/kanidm/kanidm"
git-repository-icon = "fa-github"
+additional-css = ["theme.css"]
[preprocessor.template]
diff --git a/book/src/images/KanidmUseCases-Dark.png b/book/src/images/KanidmUseCases-Dark.png
new file mode 100644
index 000000000..7a763fccf
Binary files /dev/null and b/book/src/images/KanidmUseCases-Dark.png differ
diff --git a/book/src/images/KanidmUseCases-Light.png b/book/src/images/KanidmUseCases-Light.png
new file mode 100644
index 000000000..430a000f2
Binary files /dev/null and b/book/src/images/KanidmUseCases-Light.png differ
diff --git a/book/src/images/KanidmUseCases.drawio b/book/src/images/KanidmUseCases.drawio
new file mode 100644
index 000000000..c61928c35
--- /dev/null
+++ b/book/src/images/KanidmUseCases.drawio
@@ -0,0 +1,150 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/book/src/images/KanidmUseCases.graffle b/book/src/images/KanidmUseCases.graffle
deleted file mode 100644
index c708ef938..000000000
Binary files a/book/src/images/KanidmUseCases.graffle and /dev/null differ
diff --git a/book/src/images/KanidmUseCases.png b/book/src/images/KanidmUseCases.png
deleted file mode 100644
index 3b64ea7e1..000000000
Binary files a/book/src/images/KanidmUseCases.png and /dev/null differ
diff --git a/book/src/intro.md b/book/src/intro.md
index 626bd13a5..a0d982c5e 100644
--- a/book/src/intro.md
+++ b/book/src/intro.md
@@ -36,7 +36,8 @@ they require.
Kanidm acts as a central authority of accounts in your organisation and allows each account to
associate many devices and credentials with different privileges. An example of how this looks:
-
+
+
A key design goal is that you authenticate with your device in some manner, and then your device
will continue to authenticate you in the future. Each of these different types of credentials, from
diff --git a/book/theme.css b/book/theme.css
new file mode 100644
index 000000000..82cb12244
--- /dev/null
+++ b/book/theme.css
@@ -0,0 +1,11 @@
+@media (prefers-color-scheme: dark) {
+ .light-mode-only {
+ display: none;
+ }
+}
+
+@media (prefers-color-scheme: light) {
+ .dark-mode-only {
+ display: none;
+ }
+}