diff --git a/content/getting-started/finding-kata.md b/content/getting-started/finding-kata.md
index 9940526e..d3322070 100644
--- a/content/getting-started/finding-kata.md
+++ b/content/getting-started/finding-kata.md
@@ -12,7 +12,16 @@ Your account is configured and you are ready for your next challenge. Now you wi
The easiest way of getting started is to use the personal trainer on the dashboard to pick your next kata.
-
+
+
+
+
+
+
+
+
+
+
The personal trainer suggests you a kata based on the selected language and focus area. You can either train on the suggested kata or skip to see the next suggestion.
@@ -26,7 +35,16 @@ If, for some reason, you do not like suggested kata, you can skip on it without
For those really looking for a hard challenge or for a specific kind of rank/task/..., we recommend you go directly to the full list of kata where you can select from over 8000 kata to train on. Remember, 8 kyū is the easiest level a kata can be.
-
+
+
+
+
+
+
+
+
+
+
Details of kata search page are described in [UI documentation (TODO: insert link to documentation of kata search panel)](), but here are some useful hints for beginners:
diff --git a/content/getting-started/img/finding-kata_01_training-routines.png b/content/getting-started/img/finding-kata_01_training-routines.png
deleted file mode 100644
index 4623ae35..00000000
Binary files a/content/getting-started/img/finding-kata_01_training-routines.png and /dev/null differ
diff --git a/content/getting-started/img/finding-kata_01_training-routines_dark.png b/content/getting-started/img/finding-kata_01_training-routines_dark.png
new file mode 100644
index 00000000..d9ed1737
Binary files /dev/null and b/content/getting-started/img/finding-kata_01_training-routines_dark.png differ
diff --git a/content/getting-started/img/finding-kata_01_training-routines_light.png b/content/getting-started/img/finding-kata_01_training-routines_light.png
new file mode 100644
index 00000000..d3c04e57
Binary files /dev/null and b/content/getting-started/img/finding-kata_01_training-routines_light.png differ
diff --git a/content/getting-started/img/finding-kata_02_sidebar.png b/content/getting-started/img/finding-kata_02_sidebar.png
deleted file mode 100644
index 9c99e634..00000000
Binary files a/content/getting-started/img/finding-kata_02_sidebar.png and /dev/null differ
diff --git a/content/getting-started/img/finding-kata_02_sidebar_dark.png b/content/getting-started/img/finding-kata_02_sidebar_dark.png
new file mode 100644
index 00000000..eb2e6bd4
Binary files /dev/null and b/content/getting-started/img/finding-kata_02_sidebar_dark.png differ
diff --git a/content/getting-started/img/finding-kata_02_sidebar_light.png b/content/getting-started/img/finding-kata_02_sidebar_light.png
new file mode 100644
index 00000000..f89e8598
Binary files /dev/null and b/content/getting-started/img/finding-kata_02_sidebar_light.png differ
diff --git a/content/getting-started/img/registering_06_initial_training_setup.png b/content/getting-started/img/registering_06_initial_training_setup.png
deleted file mode 100644
index 663b82ac..00000000
Binary files a/content/getting-started/img/registering_06_initial_training_setup.png and /dev/null differ
diff --git a/content/getting-started/img/setting-up_01_account-menu.png b/content/getting-started/img/setting-up_01_account-menu.png
deleted file mode 100644
index 252ca750..00000000
Binary files a/content/getting-started/img/setting-up_01_account-menu.png and /dev/null differ
diff --git a/content/getting-started/img/setting-up_01_account-menu_dark.png b/content/getting-started/img/setting-up_01_account-menu_dark.png
new file mode 100644
index 00000000..aacc558a
Binary files /dev/null and b/content/getting-started/img/setting-up_01_account-menu_dark.png differ
diff --git a/content/getting-started/img/setting-up_01_account-menu_light.png b/content/getting-started/img/setting-up_01_account-menu_light.png
new file mode 100644
index 00000000..9c422b8c
Binary files /dev/null and b/content/getting-started/img/setting-up_01_account-menu_light.png differ
diff --git a/content/getting-started/img/setting-up_02_training-menu.png b/content/getting-started/img/setting-up_02_training-menu.png
deleted file mode 100644
index 49dce94f..00000000
Binary files a/content/getting-started/img/setting-up_02_training-menu.png and /dev/null differ
diff --git a/content/getting-started/img/setting-up_02_training-menu_dark.png b/content/getting-started/img/setting-up_02_training-menu_dark.png
new file mode 100644
index 00000000..c8da7d26
Binary files /dev/null and b/content/getting-started/img/setting-up_02_training-menu_dark.png differ
diff --git a/content/getting-started/img/setting-up_02_training-menu_light.png b/content/getting-started/img/setting-up_02_training-menu_light.png
new file mode 100644
index 00000000..26aafcf2
Binary files /dev/null and b/content/getting-started/img/setting-up_02_training-menu_light.png differ
diff --git a/content/getting-started/img/solving_01_rank-progress.png b/content/getting-started/img/solving_01_rank-progress_dark.png
similarity index 100%
rename from content/getting-started/img/solving_01_rank-progress.png
rename to content/getting-started/img/solving_01_rank-progress_dark.png
diff --git a/content/getting-started/img/solving_01_rank-progress_light.png b/content/getting-started/img/solving_01_rank-progress_light.png
new file mode 100644
index 00000000..ff2e1c59
Binary files /dev/null and b/content/getting-started/img/solving_01_rank-progress_light.png differ
diff --git a/content/getting-started/img/solving_02_vote.png b/content/getting-started/img/solving_02_vote_dark.png
similarity index 100%
rename from content/getting-started/img/solving_02_vote.png
rename to content/getting-started/img/solving_02_vote_dark.png
diff --git a/content/getting-started/img/solving_02_vote_light.png b/content/getting-started/img/solving_02_vote_light.png
new file mode 100644
index 00000000..3883b176
Binary files /dev/null and b/content/getting-started/img/solving_02_vote_light.png differ
diff --git a/content/getting-started/img/solving_03_trainer.png b/content/getting-started/img/solving_03_trainer_dark.png
similarity index 100%
rename from content/getting-started/img/solving_03_trainer.png
rename to content/getting-started/img/solving_03_trainer_dark.png
diff --git a/content/getting-started/img/solving_03_trainer_light.png b/content/getting-started/img/solving_03_trainer_light.png
new file mode 100644
index 00000000..5f1e2964
Binary files /dev/null and b/content/getting-started/img/solving_03_trainer_light.png differ
diff --git a/content/getting-started/kata-solved.md b/content/getting-started/kata-solved.md
index 9114b20b..5da8b493 100644
--- a/content/getting-started/kata-solved.md
+++ b/content/getting-started/kata-solved.md
@@ -16,7 +16,16 @@ You worked hard to solve your last challenge, and after you succeeded, you defin
Rank level reflects your experience and knowledge you have gained by solving kata. You start at the lowest rank of 8 kyū, and each correct solution brings you closer to a higher rank. You can see your rank progress toward next level on your profile page:
-
+
+
+
+
+
+
+
+
+
+
More information on ranks and progress can be found [here (TODO: add link to docs on progress)]().
@@ -28,6 +37,15 @@ Honor points are rewarded by contributing to Codewars in many ways, and solving
After you have successfully solved a task, you can let others know how you liked it. One way to do this is to leave your satisfaction vote:
-
+
+
+
+
+
+
+
+
+
+
You can also participate in discussion on a kata. If you wish to log an issue about this specific kata, such as poorly worded descriptions or issues with test cases, then you can leave a comment in discourse section. More on this in the next part.
diff --git a/content/getting-started/setting-up.md b/content/getting-started/setting-up.md
index 041178cd..b4eb5b94 100644
--- a/content/getting-started/setting-up.md
+++ b/content/getting-started/setting-up.md
@@ -12,7 +12,16 @@ In this section you will learn how to set up your account to get the best traini
You can enter your account settings panel by navigating with [this link](https://www.codewars.com/users/edit), or using following menu:
-
+
+
+
+
+
+
+
+
+
+
You can find all options described in detail [here (TODO: insert link to actual documentation of UI)](), and below are listed ones useful to get you running as soon as possible:
@@ -34,7 +43,16 @@ Now you just need to clik `UPDATE` to have your settings stored in the database.
You can enter your training setup panel by navigating with [this link](https://www.codewars.com/trainer/setup), or using following menu:
-
+
+
+
+
+
+
+
+
+
+
Again, detailed description can be found in [UI documentation (TODO: insert link to actual documentation of UI)](), but things needed to get you started are briefly explaned below:
diff --git a/content/getting-started/solving-kata.md b/content/getting-started/solving-kata.md
index 5a9f6702..4091f2a3 100644
--- a/content/getting-started/solving-kata.md
+++ b/content/getting-started/solving-kata.md
@@ -11,7 +11,17 @@ After opening a kata page, you are presented with the [kata details (TODO: link
## Kata Trainer
Welcome to the kata trainer! You use this view to take your attempts on solution, write the code and run tests. A few tips to get you started:
-
+
+
+
+
+
+
+
+
+
+
+
### Solution editor