add section about customization to README

Author: d-biehl

README.md

@@ -56,7 +56,7 @@ TODO
 
 ## Quick start
 
-1. [Install a supported version of Python on your system](https://code.visualstudio.com/docs/python/python-tutorial#_prerequisites) 
+1. [Install a supported version of Python on your system](https://code.visualstudio.com/docs/python/python-tutorial#_prerequisites)
 (note: only Python 3.8 and above are supported)
 
 2. [Install a supported version of RobotFramwork on your system](https://github.com/robotframework/robotframework/blob/master/INSTALL.rst) (note: only RobotFramework 4.0 and above are supported)
@@ -76,7 +76,7 @@ This is the simpliest way to create an running environment.
 - As a prerequisite you need to install [pipenv](https://pipenv.pypa.io/) like this:
 
     ```bash
-    python -m pip install pipenv   
+    python -m pip install pipenv
     ```
 
 
@@ -90,6 +90,115 @@ This is the simpliest way to create an running environment.
     python -m pipenv install robotframework
     ```
 - Open project in VSCode
-- Set the python interpreter to the created virtual environment 
-
-
+- Set the python interpreter to the created virtual environment
+
+
+## Customization
+
+### Editor Style
+
+You can change some stylings for RobotFramework files in VSCode editor (see [Customizing a Color Theme](https://code.visualstudio.com/docs/getstarted/themes#_customizing-a-color-theme))
+
+See the difference:
+
+| before                                                                       | after                                                             |
+| ---------------------------------------------------------------------------- | ----------------------------------------------------------------- |
+| ![Without customization](./doc/images/without-token-color-customization.png) | ![With customization](./doc/images/token-color-customization.png) |
+
+
+As a template you can put the following code to your user settings of VSCode.
+
+Open the user `settings.json` like this:
+
+<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>P</kbd> or <kbd>F1</kbd> or <kbd>CMD</kbd> + <kbd>Shift</kbd> + <kbd>P</kbd>
+
+and then type:
+
+`Preferences: Open Settings (JSON)`
+
+put this to the `settings.json`
+
+```json
+"editor.tokenColorCustomizations": {
+    "textMateRules": [
+        {
+            "scope": "variable.function.keyword-call.inner.robotframework",
+            "settings": {
+                "fontStyle": "italic"
+            }
+        },
+        {
+            "scope": "variable.function.keyword-call.robotframework",
+            "settings": {
+                //"fontStyle": "bold"
+            }
+        },
+        {
+            "scope": "entity.name.function.testcase.name.robotframework",
+            "settings": {
+                "fontStyle": "bold underline"
+            }
+        },
+        {
+            "scope": "entity.name.function.keyword.name.robotframework",
+            "settings": {
+                "fontStyle": "bold italic"
+            }
+        },
+        {
+            "scope": "variable.other.readwrite.robotframework",
+            "settings": {
+                //"fontStyle": "italic",
+            }
+        },
+        {
+            "scope": "keyword.control.import.robotframework",
+            "settings": {
+                "fontStyle": "italic"
+            }
+        },
+        {
+            "scope": "keyword.other.header.setting.robotframework",
+            "settings": {
+                "fontStyle": "bold underline"
+            }
+        },
+        {
+            "scope": "keyword.other.header.variable.robotframework",
+            "settings": {
+                "fontStyle": "bold underline"
+            }
+        },
+        {
+            "scope": "keyword.other.header.testcase.robotframework",
+            "settings": {
+                "fontStyle": "bold underline"
+            }
+        },
+        {
+            "scope": "keyword.other.header.keyword.robotframework",
+            "settings": {
+                "fontStyle": "bold underline"
+            }
+        },
+        {
+            "scope": "keyword.other.header.setting.robotframework",
+            "settings": {
+                "fontStyle": "bold underline"
+            }
+        },
+        {
+            "scope": "keyword.other.header.comment.robotframework",
+            "settings": {
+                "fontStyle": "bold italic underline"
+            }
+        },
+        {
+            "scope": "constant.character.escape.robotframework",
+            "settings": {
+                //"foreground": "#FF0000",
+            }
+        }
+    ]
+}
+```