diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
index fe646ef..3423ba3 100644
--- a/docs/.vitepress/theme/custom.css
+++ b/docs/.vitepress/theme/custom.css
@@ -1,6 +1,17 @@
 :root {
-    --c-brand: #111928;
-    --c-brand-light: #faca30;
+    --vp-c-bg: rgb(251, 245, 240);
+    --vp-c-bg-alt: rgb(235, 232, 230);
+    --vp-c-bg-elv: #ffffff;
+    --vp-c-bg-soft: #f6f6f7;
+    --vp-c-brand-1: #134e4a;
+}
+
+.dark {
+    --vp-c-bg: #1b1b1f;
+    --vp-c-bg-alt: #161618;
+    --vp-c-bg-elv: #202127;
+    --vp-c-bg-soft: #202127;
+    --vp-c-brand-1: #fff;
 }
 
 .custom-block.tip {
diff --git a/docs/public/img/exporter_step_2_fields.png b/docs/public/img/exporter_step_2_fields.png
new file mode 100644
index 0000000..75ab297
Binary files /dev/null and b/docs/public/img/exporter_step_2_fields.png differ
diff --git a/docs/usage.md b/docs/usage.md
index 9cd2994..1e0d0b1 100644
--- a/docs/usage.md
+++ b/docs/usage.md
@@ -25,5 +25,8 @@ If the element can be localized, you also have to select the site from which you
 ### Step 2: Field selection
 On the next step, you'll select which attributes &  fields you want to be included in the export.
 
+The fields listed on the 
+
+<img src="/img/exporter_step_2_fields.png" alt="Step 2 of the export creation flow">
 
 ### Step 3: Delivery settings