Merge branch 'docs/profile-preferences' into 'master'

Refactor the profile preferences docs

See merge request gitlab-org/gitlab-ce!20031

doc/user/profile/preferences.md

@@ -4,16 +4,11 @@ A user's profile preferences page allows the user to customize various aspects
 of GitLab to their liking.
 
 To navigate to your profile's preferences, click your avatar icon in the top
-right corner and select **Settings**. From there on, choose the **Preferences**
-tab.
-
-![Profile preferences settings](img/profile_settings_dropdown.png)
+right corner, select **Settings** and then choose **Preferences** from the
+left sidebar.
 
 ## Navigation theme
 
->**Note:**
-Navigation themes have been re-introduced with [GitLab 10.0](https://about.gitlab.com/2017/09/22/gitlab-10-0-released/).
-
 The GitLab navigation theme setting allows you to personalize your GitLab experience.
 You can choose from several color themes that add unique colors to the top navigation
 and left side navigation.
@@ -33,13 +28,13 @@ The default palette is Indigo. You can choose between 10 different themes:
 - Dark
 - Light
 
-![Profile preferences syntax highlighting themes](img/profile-preferences-syntax-themes.png)
+![Profile preferences navigation themes](img/profil-preferences-navigation-theme.png)
 
 ## Syntax highlighting theme
 
->**Note:**
-GitLab uses the [rouge Ruby library][rouge] for syntax highlighting. For a
-list of supported languages visit the rouge website.
+NOTE: **Note:**
+GitLab uses the [rouge Ruby library](http://rouge.jneen.net/ "Rouge website")
+for syntax highlighting. For a list of supported languages visit the rouge website.
 
 Changing this setting allows you to customize the color theme when viewing any
 syntax highlighted code on GitLab.
@@ -52,7 +47,7 @@ The default syntax theme is White, and you can choose among 5 different colors:
 - Solarized dark
 - Monokai
 
-![Profile preferences navigation themes](img/profil-preferences-navigation-theme.png)
+![Profile preferences syntax highlighting themes](img/profile-preferences-syntax-themes.png)
 
 ## Behavior
 
@@ -78,7 +73,7 @@ You have 8 options here that you can use for your default dashboard view:
 - Your projects' activity
 - Starred projects' activity
 - Your groups
-- Your [Todos]
+- Your [Todos](../../workflow/todos.md)
 - Assigned Issues
 - Assigned Merge Requests
 
@@ -92,6 +87,3 @@ You can choose between 3 options:
 - Files and Readme (default)
 - Readme
 - Activity
-
-[rouge]: http://rouge.jneen.net/ "Rouge website"
-[todos]: ../../workflow/todos.md