diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..2fc0deb7f722c7605aedf5fcba2951668bd87cbd
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+/.idea
+/html
+/node_modules
+/package-lock.json
\ No newline at end of file
diff --git a/README.md b/README.md
index 49370e5a53ea213c37f9421a930be987bdfa1189..7632cc128b13b82911d3636e8af6172976023327 100644
--- a/README.md
+++ b/README.md
@@ -1 +1 @@
-To generate HTML, install [markdown-styles](https://github.com/mixu/markdown-styles) and run `generate-md --layout briar-manual/layout/mixu-radar-briar --input briar-manual/content --output briar-manual-html`.
\ No newline at end of file
+To generate HTML, install [markdown-styles](https://github.com/mixu/markdown-styles) and run `generate-md --layout briar-manual/layout/mixu-radar-briar --input briar-manual/content --output briar-manual-html`.
diff --git a/content/assets/img/manual_dark_theme_nav_drawer-cropped.png b/content/assets/img/manual_dark_theme_nav_drawer-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..ca614f4419defbf348fbaf8921dd58320fbb1167
Binary files /dev/null and b/content/assets/img/manual_dark_theme_nav_drawer-cropped.png differ
diff --git a/content/assets/img/manual_dark_theme_nav_drawer.png b/content/assets/img/manual_dark_theme_nav_drawer.png
new file mode 100644
index 0000000000000000000000000000000000000000..27cf90e63aa4230229e59391d9796dfb2eaef12b
Binary files /dev/null and b/content/assets/img/manual_dark_theme_nav_drawer.png differ
diff --git a/content/assets/img/manual_dark_theme_settings-cropped.png b/content/assets/img/manual_dark_theme_settings-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..659ef70dce960c29793c1eade1b1d727058e91ed
Binary files /dev/null and b/content/assets/img/manual_dark_theme_settings-cropped.png differ
diff --git a/content/assets/img/manual_dark_theme_settings.png b/content/assets/img/manual_dark_theme_settings.png
new file mode 100644
index 0000000000000000000000000000000000000000..37ccc79bf187d4c8c79b6faa469c57089507dc44
Binary files /dev/null and b/content/assets/img/manual_dark_theme_settings.png differ
diff --git a/content/manual.md b/content/manual.md
index 156bb6b652dd5b55d618bc974163a7e7ac3c7aec..357628aadb63ea4e650e566f3c9204447f8c8792 100644
--- a/content/manual.md
+++ b/content/manual.md
@@ -275,3 +275,23 @@ To delete a contact, tap the contact's name in the contact list and choose "Dele
 > **Tip:** To protect your privacy, the contact won't be notified that you've deleted them. They'll just see you as offline from now on.
 
 <div style="clear:both"></div>
+
+## Settings ##
+
+<img src="assets/img/manual_dark_theme_settings-cropped.png" alt="The list of settings">
+
+To find the settings, open the main menu and choose "Settings".
+Here, you can customize your Briar experience.
+
+<div style="clear:both"></div>
+
+### Dark Theme ###
+
+<img src="assets/img/manual_dark_theme_nav_drawer-cropped.png" alt="The main menu in a dark theme">
+
+You can change the color scheme that Briar uses.
+These are the options:
+* **Light** uses light colors.
+* **Dark** uses dark colors.
+* **Automatic** changes the theme based on the time of day.
+* **System Default** sets the theme to whatever your system is set to.
diff --git a/crop-screenshots.py b/crop-screenshots.py
new file mode 100755
index 0000000000000000000000000000000000000000..ab5b00892cd47393c1bd377a448eaabc001c1c57
--- /dev/null
+++ b/crop-screenshots.py
@@ -0,0 +1,43 @@
+#!/usr/bin/env python3
+
+import os
+
+from PIL import Image
+
+IMAGE_PATH = "content/assets/img"
+POSTFIX = '-cropped'
+
+
+def main():
+    crop('introduction-5.png', 77, 47)
+    crop('manage-rss-feeds-2.png', 35)
+    crop('manual_dark_theme_settings.png', 45)
+    crop('manual_dark_theme_nav_drawer.png', 64)
+
+
+def crop(file_name, bottom, top_offset=0, only_show=False):
+    file_path = os.path.join(IMAGE_PATH, file_name)
+    if not os.path.isfile(file_path):
+        print("Warning: File not found %s" % file_path)
+        return
+
+    with Image.open(file_path) as image:
+        left_c = 0
+        top_c = image.size[1] * top_offset / 100
+        right_c = image.size[0]
+        bottom_c = image.size[1] * bottom / 100
+        image_cropped = image.crop((left_c, top_c, right_c, bottom_c))
+        if only_show:
+            image_cropped.show()
+        else:
+            file_path_cropped = get_new_filename(file_path)
+            image_cropped.save(file_path_cropped)
+
+
+def get_new_filename(file_path):
+    name, ext = os.path.splitext(file_path)
+    return name + POSTFIX + ext
+
+
+if __name__ == "__main__":
+    main()
diff --git a/layout/mixu-radar-briar/assets/css/style.css b/layout/mixu-radar-briar/assets/css/style.css
index 793e2c099a350069caad233cdc87527cd96d1039..a5c909c50ace1edbb51a4b804d2e49bc4b5d10a8 100644
--- a/layout/mixu-radar-briar/assets/css/style.css
+++ b/layout/mixu-radar-briar/assets/css/style.css
@@ -306,9 +306,14 @@ footer {
 
 .nav-list {
   height: 50%;
+  padding-left: 1em;
   margin: auto 0;
 }
 
+.sidebar-header-3 {
+  margin-left: 1em;
+}
+
 div.clear {
   clear: both;
 }