diff --git a/images/ui/button/button_apply.png b/images/ui/button/button_apply.png
new file mode 100644
index 000000000..709ef7ac3
Binary files /dev/null and b/images/ui/button/button_apply.png differ
diff --git a/images/ui/button/button_apply_dark.png b/images/ui/button/button_apply_dark.png
new file mode 100644
index 000000000..f2f3d5880
Binary files /dev/null and b/images/ui/button/button_apply_dark.png differ
diff --git a/images/ui/button/button_cancel.png b/images/ui/button/button_cancel.png
new file mode 100644
index 000000000..5fc77ac05
Binary files /dev/null and b/images/ui/button/button_cancel.png differ
diff --git a/images/ui/button/button_cancel_dark.png b/images/ui/button/button_cancel_dark.png
new file mode 100644
index 000000000..d86499cee
Binary files /dev/null and b/images/ui/button/button_cancel_dark.png differ
diff --git a/images/ui/button/button_close.png b/images/ui/button/button_close.png
new file mode 100644
index 000000000..28ec608c3
Binary files /dev/null and b/images/ui/button/button_close.png differ
diff --git a/images/ui/button/button_close_dark.png b/images/ui/button/button_close_dark.png
new file mode 100644
index 000000000..9665b6be2
Binary files /dev/null and b/images/ui/button/button_close_dark.png differ
diff --git a/images/ui/button/button_help.png b/images/ui/button/button_help.png
new file mode 100644
index 000000000..10eb4ffb0
Binary files /dev/null and b/images/ui/button/button_help.png differ
diff --git a/images/ui/button/button_help_dark.png b/images/ui/button/button_help_dark.png
new file mode 100644
index 000000000..56b722a30
Binary files /dev/null and b/images/ui/button/button_help_dark.png differ
diff --git a/topics/ui/controls/button.topic b/topics/ui/controls/button.topic
index 0301466fe..ade662be5 100644
--- a/topics/ui/controls/button.topic
+++ b/topics/ui/controls/button.topic
@@ -333,7 +333,7 @@
             <table style="none" border="false" column-width="fixed">
                 <tr>
                     <td width="378">
-                        <img src="apply.png" alt="Hovered buttons" width="378"/>
+                        <img src="button_apply.png" alt="Hovered buttons" width="378"/>
 
                     </td>
                     <td width="378">
@@ -351,7 +351,7 @@
             <table style="none" border="false" column-width="fixed">
                 <tr>
                     <td width="378">
-                        <img src="cancel.png" alt="Hovered buttons" width="378"/>
+                        <img src="button_cancel.png" alt="Hovered buttons" width="378"/>
 
                     </td>
                     <td width="378">
@@ -387,7 +387,7 @@
             <table style="none" border="false" column-width="fixed">
                 <tr>
                     <td width="378">
-                        <img src="close.png" alt="Hovered buttons" width="378"/>
+                        <img src="button_close.png" alt="Hovered buttons" width="378"/>
 
                     </td>
                     <td width="378">
@@ -414,7 +414,7 @@
             <table style="none" border="false" column-width="fixed">
                 <tr>
                     <td width="378">
-                        <img src="help.png" alt="Hovered buttons" width="378"/>
+                        <img src="button_help.png" alt="Hovered buttons" width="378"/>
 
                     </td>
                     <td width="378">