diff --git a/manual/animation/motion_paths.rst b/manual/animation/motion_paths.rst
index d4fe19a64..41a98f18f 100644
--- a/manual/animation/motion_paths.rst
+++ b/manual/animation/motion_paths.rst
@@ -35,11 +35,10 @@ To create or remove motion paths, it is necessary to first select the bones. The
 
    Remember that only selected bones and their paths are affected by these actions!
 
-The paths are shown in a light shade of gray for unselected points,
-and a slightly bluish gray for selected ones.
-Around the current frame a glow indicate the direction of movement:
-blue towards future frames and green towards the past.
-Each frame is displayed by a small white dot on the paths.
+The paths are shown in red for the section in the past and green for the section in the future.
+These colors follow the user preference options "Before Current Frame" and "After Current Frame",
+which can be found in the 3D Viewport section.
+Each frame is displayed by a small dot on the paths.
 
 The paths are automatically updated when you edit your poses/keyframes,
 and they are also active during animation playback. Playing the animation
@@ -205,7 +204,8 @@ Thickness
 .. _bpy.types.MotionPath.color:
 
 Custom Color
-   Use custom color for this motion path.
+   Use custom color for this motion path. The custom color can be modified for time
+   before and after the current frame.
 
 
 Example
diff --git a/manual/images/animation_motion-paths_example-object.png b/manual/images/animation_motion-paths_example-object.png
index efdcfa3b9..b7d2a453d 100644
--- a/manual/images/animation_motion-paths_example-object.png
+++ b/manual/images/animation_motion-paths_example-object.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5564ac1f419269ecf1918b708ad165c278464cb3df81beaa6d52e4523aa47838
-size 2577
+oid sha256:18aa7961382fe62280abcb1d6454b46c30560328b2a7d85ca1029e05bd39fde8
+size 55873
diff --git a/manual/images/animation_motion-paths_example-object.png~ b/manual/images/animation_motion-paths_example-object.png~
new file mode 100644
index 000000000..5db2a236e
Binary files /dev/null and b/manual/images/animation_motion-paths_example-object.png~ differ
diff --git a/manual/images/animation_motion-paths_panel.png b/manual/images/animation_motion-paths_panel.png
index e4216a5a9..473b08cdf 100644
--- a/manual/images/animation_motion-paths_panel.png
+++ b/manual/images/animation_motion-paths_panel.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e80f64cffe0c28b4bd97a3ab3cc3e4f8391fb46820889d480e874d3ab14a7e95
-size 28100
+oid sha256:9959d089ee40b9f687d0c07199f262001d61857fb4b294274045da9232c7f99f
+size 27888
diff --git a/manual/images/animation_motion-paths_panel.png~ b/manual/images/animation_motion-paths_panel.png~
new file mode 100644
index 000000000..48f1130fa
Binary files /dev/null and b/manual/images/animation_motion-paths_panel.png~ differ