diff --git a/images/ui/context_help/context_help_alternatives.png b/images/ui/context_help/context_help_alternatives.png
new file mode 100644
index 000000000..4d90e997b
Binary files /dev/null and b/images/ui/context_help/context_help_alternatives.png differ
diff --git a/images/ui/context_help/context_help_alternatives_dark.png b/images/ui/context_help/context_help_alternatives_dark.png
new file mode 100644
index 000000000..a4fd1fc26
Binary files /dev/null and b/images/ui/context_help/context_help_alternatives_dark.png differ
diff --git a/images/ui/context_help/context_help_explain.png b/images/ui/context_help/context_help_explain.png
new file mode 100644
index 000000000..cb24c63cf
Binary files /dev/null and b/images/ui/context_help/context_help_explain.png differ
diff --git a/images/ui/context_help/context_help_explain_dark.png b/images/ui/context_help/context_help_explain_dark.png
new file mode 100644
index 000000000..4b207e638
Binary files /dev/null and b/images/ui/context_help/context_help_explain_dark.png differ
diff --git a/images/ui/context_help/context_help_explain_simple_correct.png b/images/ui/context_help/context_help_explain_simple_correct.png
new file mode 100644
index 000000000..2d55fe1b1
Binary files /dev/null and b/images/ui/context_help/context_help_explain_simple_correct.png differ
diff --git a/images/ui/context_help/context_help_explain_simple_correct_dark.png b/images/ui/context_help/context_help_explain_simple_correct_dark.png
new file mode 100644
index 000000000..2870c8ebb
Binary files /dev/null and b/images/ui/context_help/context_help_explain_simple_correct_dark.png differ
diff --git a/images/ui/context_help/context_help_explain_simple_incorrect.png b/images/ui/context_help/context_help_explain_simple_incorrect.png
new file mode 100644
index 000000000..4e8477c30
Binary files /dev/null and b/images/ui/context_help/context_help_explain_simple_incorrect.png differ
diff --git a/images/ui/context_help/context_help_explain_simple_incorrect_dark.png b/images/ui/context_help/context_help_explain_simple_incorrect_dark.png
new file mode 100644
index 000000000..8e84e95fa
Binary files /dev/null and b/images/ui/context_help/context_help_explain_simple_incorrect_dark.png differ
diff --git a/images/ui/context_help/context_help_explain_too_many_correct.png b/images/ui/context_help/context_help_explain_too_many_correct.png
new file mode 100644
index 000000000..6fc163e97
Binary files /dev/null and b/images/ui/context_help/context_help_explain_too_many_correct.png differ
diff --git a/images/ui/context_help/context_help_explain_too_many_correct_dark.png b/images/ui/context_help/context_help_explain_too_many_correct_dark.png
new file mode 100644
index 000000000..67cb64d01
Binary files /dev/null and b/images/ui/context_help/context_help_explain_too_many_correct_dark.png differ
diff --git a/images/ui/context_help/context_help_explain_too_many_incorrect.png b/images/ui/context_help/context_help_explain_too_many_incorrect.png
new file mode 100644
index 000000000..8ae014cf4
Binary files /dev/null and b/images/ui/context_help/context_help_explain_too_many_incorrect.png differ
diff --git a/images/ui/context_help/context_help_explain_too_many_incorrect_dark.png b/images/ui/context_help/context_help_explain_too_many_incorrect_dark.png
new file mode 100644
index 000000000..3868ebc96
Binary files /dev/null and b/images/ui/context_help/context_help_explain_too_many_incorrect_dark.png differ
diff --git a/images/ui/context_help/context_help_explain_ui_correct.png b/images/ui/context_help/context_help_explain_ui_correct.png
new file mode 100644
index 000000000..abd2461d4
Binary files /dev/null and b/images/ui/context_help/context_help_explain_ui_correct.png differ
diff --git a/images/ui/context_help/context_help_explain_ui_correct_dark.png b/images/ui/context_help/context_help_explain_ui_correct_dark.png
new file mode 100644
index 000000000..be4c90c0a
Binary files /dev/null and b/images/ui/context_help/context_help_explain_ui_correct_dark.png differ
diff --git a/images/ui/context_help/context_help_explain_ui_incorrect.png b/images/ui/context_help/context_help_explain_ui_incorrect.png
new file mode 100644
index 000000000..72d7257d9
Binary files /dev/null and b/images/ui/context_help/context_help_explain_ui_incorrect.png differ
diff --git a/images/ui/context_help/context_help_explain_ui_incorrect_dark.png b/images/ui/context_help/context_help_explain_ui_incorrect_dark.png
new file mode 100644
index 000000000..ffff5f42d
Binary files /dev/null and b/images/ui/context_help/context_help_explain_ui_incorrect_dark.png differ
diff --git a/images/ui/context_help/context_help_inline_text.png b/images/ui/context_help/context_help_inline_text.png
new file mode 100644
index 000000000..fc474753f
Binary files /dev/null and b/images/ui/context_help/context_help_inline_text.png differ
diff --git a/images/ui/context_help/context_help_inline_text_dark.png b/images/ui/context_help/context_help_inline_text_dark.png
new file mode 100644
index 000000000..ae79c84ae
Binary files /dev/null and b/images/ui/context_help/context_help_inline_text_dark.png differ
diff --git a/images/ui/context_help/context_help_input_format.png b/images/ui/context_help/context_help_input_format.png
new file mode 100644
index 000000000..3f5a7b5c9
Binary files /dev/null and b/images/ui/context_help/context_help_input_format.png differ
diff --git a/images/ui/context_help/context_help_input_format_dark.png b/images/ui/context_help/context_help_input_format_dark.png
new file mode 100644
index 000000000..21e2ccb6b
Binary files /dev/null and b/images/ui/context_help/context_help_input_format_dark.png differ
diff --git a/images/ui/context_help/context_help_input_warning.png b/images/ui/context_help/context_help_input_warning.png
new file mode 100644
index 000000000..d45f43fe5
Binary files /dev/null and b/images/ui/context_help/context_help_input_warning.png differ
diff --git a/images/ui/context_help/context_help_input_warning_dark.png b/images/ui/context_help/context_help_input_warning_dark.png
new file mode 100644
index 000000000..4efdfc8c4
Binary files /dev/null and b/images/ui/context_help/context_help_input_warning_dark.png differ
diff --git a/images/ui/context_help/context_help_limitation.png b/images/ui/context_help/context_help_limitation.png
new file mode 100644
index 000000000..ced9e4f45
Binary files /dev/null and b/images/ui/context_help/context_help_limitation.png differ
diff --git a/images/ui/context_help/context_help_limitation_dark.png b/images/ui/context_help/context_help_limitation_dark.png
new file mode 100644
index 000000000..09db7bb93
Binary files /dev/null and b/images/ui/context_help/context_help_limitation_dark.png differ
diff --git a/images/ui/context_help/context_help_navigation.png b/images/ui/context_help/context_help_navigation.png
new file mode 100644
index 000000000..cfd611232
Binary files /dev/null and b/images/ui/context_help/context_help_navigation.png differ
diff --git a/images/ui/context_help/context_help_navigation_dark.png b/images/ui/context_help/context_help_navigation_dark.png
new file mode 100644
index 000000000..5b97e2cb4
Binary files /dev/null and b/images/ui/context_help/context_help_navigation_dark.png differ
diff --git a/images/ui/context_help/context_help_terms.png b/images/ui/context_help/context_help_terms.png
new file mode 100644
index 000000000..da5ee8d44
Binary files /dev/null and b/images/ui/context_help/context_help_terms.png differ
diff --git a/images/ui/context_help/context_help_terms_dark.png b/images/ui/context_help/context_help_terms_dark.png
new file mode 100644
index 000000000..f72fb977a
Binary files /dev/null and b/images/ui/context_help/context_help_terms_dark.png differ
diff --git a/images/ui/context_help/context_help_tooltip.png b/images/ui/context_help/context_help_tooltip.png
new file mode 100644
index 000000000..aabba3f24
Binary files /dev/null and b/images/ui/context_help/context_help_tooltip.png differ
diff --git a/images/ui/context_help/context_help_tooltip_dark.png b/images/ui/context_help/context_help_tooltip_dark.png
new file mode 100644
index 000000000..56e24a13a
Binary files /dev/null and b/images/ui/context_help/context_help_tooltip_dark.png differ
diff --git a/images/ui/context_help/database tool window.png b/images/ui/context_help/database tool window.png
new file mode 100644
index 000000000..98973d297
Binary files /dev/null and b/images/ui/context_help/database tool window.png differ
diff --git a/images/ui/context_help/database tool window_dark.png b/images/ui/context_help/database tool window_dark.png
new file mode 100644
index 000000000..44d5122f1
Binary files /dev/null and b/images/ui/context_help/database tool window_dark.png differ
diff --git a/images/ui/empty_state/empty_state_structure.png b/images/ui/empty_state/empty_state_structure.png
new file mode 100644
index 000000000..62b8df8cf
Binary files /dev/null and b/images/ui/empty_state/empty_state_structure.png differ
diff --git a/images/ui/empty_state/empty_state_structure_dark.png b/images/ui/empty_state/empty_state_structure_dark.png
new file mode 100644
index 000000000..096dc62da
Binary files /dev/null and b/images/ui/empty_state/empty_state_structure_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_brackets_correct.png b/images/ui/inline_help_text/inline_text_brackets_correct.png
new file mode 100644
index 000000000..893fd2f8f
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_brackets_correct.png differ
diff --git a/images/ui/inline_help_text/inline_text_brackets_correct_dark.png b/images/ui/inline_help_text/inline_text_brackets_correct_dark.png
new file mode 100644
index 000000000..2d53102ac
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_brackets_correct_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_brackets_incorrect.png b/images/ui/inline_help_text/inline_text_brackets_incorrect.png
new file mode 100644
index 000000000..db55834ed
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_brackets_incorrect.png differ
diff --git a/images/ui/inline_help_text/inline_text_brackets_incorrect_dark.png b/images/ui/inline_help_text/inline_text_brackets_incorrect_dark.png
new file mode 100644
index 000000000..1e14d9b7e
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_brackets_incorrect_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_external_link.png b/images/ui/inline_help_text/inline_text_external_link.png
new file mode 100644
index 000000000..9a274a867
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_external_link.png differ
diff --git a/images/ui/inline_help_text/inline_text_external_link_dark.png b/images/ui/inline_help_text/inline_text_external_link_dark.png
new file mode 100644
index 000000000..3df0d65ff
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_external_link_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_formatting_correct.png b/images/ui/inline_help_text/inline_text_formatting_correct.png
new file mode 100644
index 000000000..96c914900
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_formatting_correct.png differ
diff --git a/images/ui/inline_help_text/inline_text_formatting_correct_dark.png b/images/ui/inline_help_text/inline_text_formatting_correct_dark.png
new file mode 100644
index 000000000..cd83e4957
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_formatting_correct_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_formatting_incorrect.png b/images/ui/inline_help_text/inline_text_formatting_incorrect.png
new file mode 100644
index 000000000..441aa47ba
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_formatting_incorrect.png differ
diff --git a/images/ui/inline_help_text/inline_text_formatting_incorrect_dark.png b/images/ui/inline_help_text/inline_text_formatting_incorrect_dark.png
new file mode 100644
index 000000000..5b57d5b16
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_formatting_incorrect_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_group.png b/images/ui/inline_help_text/inline_text_group.png
new file mode 100644
index 000000000..34ab71df3
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_group.png differ
diff --git a/images/ui/inline_help_text/inline_text_group_dark.png b/images/ui/inline_help_text/inline_text_group_dark.png
new file mode 100644
index 000000000..6af12a893
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_group_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_height.png b/images/ui/inline_help_text/inline_text_height.png
new file mode 100644
index 000000000..2aadd429e
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_height.png differ
diff --git a/images/ui/inline_help_text/inline_text_height_dark.png b/images/ui/inline_help_text/inline_text_height_dark.png
new file mode 100644
index 000000000..1cdefb2f3
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_height_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_internal_link.png b/images/ui/inline_help_text/inline_text_internal_link.png
new file mode 100644
index 000000000..d6119910f
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_internal_link.png differ
diff --git a/images/ui/inline_help_text/inline_text_internal_link_dark.png b/images/ui/inline_help_text/inline_text_internal_link_dark.png
new file mode 100644
index 000000000..572ddc150
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_internal_link_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_legal.png b/images/ui/inline_help_text/inline_text_legal.png
new file mode 100644
index 000000000..c6670165a
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_legal.png differ
diff --git a/images/ui/inline_help_text/inline_text_legal_dark.png b/images/ui/inline_help_text/inline_text_legal_dark.png
new file mode 100644
index 000000000..cb079b7a9
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_legal_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_on_the_bottom.png b/images/ui/inline_help_text/inline_text_on_the_bottom.png
new file mode 100644
index 000000000..c55ce3bb9
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_on_the_bottom.png differ
diff --git a/images/ui/inline_help_text/inline_text_on_the_bottom_dark.png b/images/ui/inline_help_text/inline_text_on_the_bottom_dark.png
new file mode 100644
index 000000000..bb47240ad
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_on_the_bottom_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_on_the_bottom_master_detail.png b/images/ui/inline_help_text/inline_text_on_the_bottom_master_detail.png
new file mode 100644
index 000000000..bed721c84
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_on_the_bottom_master_detail.png differ
diff --git a/images/ui/inline_help_text/inline_text_on_the_bottom_master_detail_dark.png b/images/ui/inline_help_text/inline_text_on_the_bottom_master_detail_dark.png
new file mode 100644
index 000000000..8914adfb0
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_on_the_bottom_master_detail_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_on_the_bottom_tree.png b/images/ui/inline_help_text/inline_text_on_the_bottom_tree.png
new file mode 100644
index 000000000..f8b6f0bb1
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_on_the_bottom_tree.png differ
diff --git a/images/ui/inline_help_text/inline_text_on_the_bottom_tree_dark.png b/images/ui/inline_help_text/inline_text_on_the_bottom_tree_dark.png
new file mode 100644
index 000000000..efdc9fa69
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_on_the_bottom_tree_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_on_the_right_button.png b/images/ui/inline_help_text/inline_text_on_the_right_button.png
new file mode 100644
index 000000000..20c6822b4
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_on_the_right_button.png differ
diff --git a/images/ui/inline_help_text/inline_text_on_the_right_button_dark.png b/images/ui/inline_help_text/inline_text_on_the_right_button_dark.png
new file mode 100644
index 000000000..1b59ca896
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_on_the_right_button_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_on_the_right_checkbox.png b/images/ui/inline_help_text/inline_text_on_the_right_checkbox.png
new file mode 100644
index 000000000..40d53c3ce
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_on_the_right_checkbox.png differ
diff --git a/images/ui/inline_help_text/inline_text_on_the_right_checkbox_dark.png b/images/ui/inline_help_text/inline_text_on_the_right_checkbox_dark.png
new file mode 100644
index 000000000..4d9dfda1d
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_on_the_right_checkbox_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_on_the_right_input_field.png b/images/ui/inline_help_text/inline_text_on_the_right_input_field.png
new file mode 100644
index 000000000..fed5968bd
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_on_the_right_input_field.png differ
diff --git a/images/ui/inline_help_text/inline_text_on_the_right_input_field_dark.png b/images/ui/inline_help_text/inline_text_on_the_right_input_field_dark.png
new file mode 100644
index 000000000..a355831d3
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_on_the_right_input_field_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_on_the_right_tree.png b/images/ui/inline_help_text/inline_text_on_the_right_tree.png
new file mode 100644
index 000000000..fb124db4f
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_on_the_right_tree.png differ
diff --git a/images/ui/inline_help_text/inline_text_on_the_right_tree_dark.png b/images/ui/inline_help_text/inline_text_on_the_right_tree_dark.png
new file mode 100644
index 000000000..0bc47d90b
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_on_the_right_tree_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_repetition_correct.png b/images/ui/inline_help_text/inline_text_repetition_correct.png
new file mode 100644
index 000000000..196b64bfa
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_repetition_correct.png differ
diff --git a/images/ui/inline_help_text/inline_text_repetition_correct_dark.png b/images/ui/inline_help_text/inline_text_repetition_correct_dark.png
new file mode 100644
index 000000000..fcba44165
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_repetition_correct_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_repetition_incorrect.png b/images/ui/inline_help_text/inline_text_repetition_incorrect.png
new file mode 100644
index 000000000..2590b7f4e
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_repetition_incorrect.png differ
diff --git a/images/ui/inline_help_text/inline_text_repetition_incorrect_dark.png b/images/ui/inline_help_text/inline_text_repetition_incorrect_dark.png
new file mode 100644
index 000000000..59228b97a
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_repetition_incorrect_dark.png differ
diff --git a/images/ui/inline_help_text/inline_text_under_table.png b/images/ui/inline_help_text/inline_text_under_table.png
new file mode 100644
index 000000000..94c150818
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_under_table.png differ
diff --git a/images/ui/inline_help_text/inline_text_under_table_dark.png b/images/ui/inline_help_text/inline_text_under_table_dark.png
new file mode 100644
index 000000000..f323ddeff
Binary files /dev/null and b/images/ui/inline_help_text/inline_text_under_table_dark.png differ
diff --git a/images/ui/inline_help_text/tooltip_list.png b/images/ui/inline_help_text/tooltip_list.png
new file mode 100644
index 000000000..07f8b154c
Binary files /dev/null and b/images/ui/inline_help_text/tooltip_list.png differ
diff --git a/images/ui/inline_help_text/tooltip_list_dark.png b/images/ui/inline_help_text/tooltip_list_dark.png
new file mode 100644
index 000000000..ac54d5723
Binary files /dev/null and b/images/ui/inline_help_text/tooltip_list_dark.png differ
diff --git a/topics/ui/controls/inline_help_text.md b/topics/ui/controls/inline_help_text.md
index c8191a839..b6f740d6f 100644
--- a/topics/ui/controls/inline_help_text.md
+++ b/topics/ui/controls/inline_help_text.md
@@ -4,27 +4,27 @@
Follow the rules for context help. Implementation For a list or tree in the master part, place the text into the detail part. Implementation
-## When to use
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-* If the text is longer than 10 words:
+* For other cases, use the [help tooltip](tooltip.md#question-mark-icon-for-help-tooltips) with the question mark icon:
-
-{width=673}
+
-
-## Inline text or a tooltip
+## Tooltip
-Use **inline help text** in settings dialogs:
+Use a [tooltip](tooltip.md):
+- If the space is not enough for showing the inline help text.
+- In frequently used dialogs, tool windows, or popups. The more often a person uses an interface, the more likely they are to remember what each option does.
+- For icons or other controls that do not have a label.
-* Settings are rarely changed. Users may forget what a setting does when they use it the next time, so it makes sense to provide additional information straight away.
-* Settings dialogs are usually not constrained in space. In most cases, it is possible to fit in a help text.
+
-{width=600}
-Use a **help tooltip** if:
+## Empty state
-* A dialog is often used. The more often a person uses an interface, the more likely they are to remember what each option does.
+Fill in [empty states](empty_state.md) of tool windows, tables, trees, and other containers with:
+- a reason why the data is missing
+- an action that can fix it
+- a link to a corresponding article in the web help.
- {width=573 style=block}
- *A refactoring dialog is used more often than a settings dialog. A help tooltip is less distracting than an inline help text.*
+
-* There is no space for an inline text.
- {width=734}
+## When to use
-* The control that needs explanation is an icon or does not have a label.
-
- {width=305}
-
-## When to use context help
-
-Explain complex behavior that a short action or a setting name cannot convey clearly.
-
-{width=543}
-
-{width=380}
-
-Explain IDE-specific entities.
-
-{width=300}
-
-Provide input format requirements and examples.
-
-{width=478}
-
-Suggest alternative ways.
-
-{width=418}
-
-Warn about possible problems.
-
-{width=361}
-
-Explain limitations.
-
-{width=432}
-
-Provide quick navigation to related settings.
-
-{width=345}
-
-## When not to use
-
-Do not use context help to explain how the user interface works. If you need to explain that, consider redesigning the UI.
-
-
+ ![]() |
+
+ Explain complex behavior that a short action or a setting name cannot convey clearly. + |
||
![]() |
- ![]() |
+
+ ![]() |
+
+ Provide input format requirements and examples. + |
+
+ ![]() |
+
+ Suggest alternative ways. + |
+ ||
+ ![]() |
+
+ Warn about possible issues. + |
+ ||
+ ![]() |
+
+ Explain limitations. + |
+ ||
+ ![]() |
+
+ Provide quick navigation to related settings. + |
+ ||
+ ![]() |
+
+ Explain IDE-specific entities. + |
+ ![]() |
+
+ ![]() |
+
+ ![]() |
+
+ ![]() |
+
+ ![]() |
+
+ ![]() |
+