update

03.LanguageSelection.md

@@ -10,6 +10,8 @@
 
 1. Upon switching the language, the interface text will automatically adjust to the corresponding language.
 
+    ![](https://s1.imagehub.cc/images/2023/06/06/demo.switch_language.gif)
+
 2. Your input prompt will be translated into English based on the language you have selected (when the automatic translation option is checked or when the translation button is manually clicked).
 
 
@@ -20,4 +22,6 @@
 
 1. 切换语言后，界面中的文字会自动切换为对应的语言。
 
+    ![](https://s1.imagehub.cc/images/2023/06/06/demo.switch_language.gif)
+
 2. 你输入的Prompt，会根据你选择的语言，翻译为English。（当勾选自动翻译或手动点击翻译按钮时）

04.TranslationApiConfiguration.md

@@ -20,6 +20,8 @@
 
 1. This extension integrates numerous translation APIs. You can choose the appropriate translation API according to your needs.
 
+    ![](https://s1.imagehub.cc/images/2023/06/06/demo.translate_setting.gif)
+
 2. They are currently divided into two categories: "No API Key Required" and "API Key Required".
 
     ![](./assets/images/TranslationApiConfiguration/api_list.png)
@@ -46,7 +48,7 @@
 
 3. If the translation fails, an error message will be displayed.
 
-## TagComplete
+## TagComplete Translation enhancement
 
 > Enable the CSV file in [a1111-sd-webui-tagcomplete](https://github.com/DominikDoom/a1111-sd-webui-tagcomplete) to enhance the translation function.
 >
@@ -102,6 +104,8 @@
 
 1. 本扩展集成了众多翻译接口，你可以根据自己的需求，选择合适的翻译接口。
 
+    ![](https://s1.imagehub.cc/images/2023/06/06/demo.translate_setting.gif)
+
 2. 目前分为 `不需要API KEY` 和 `需要API KEY` 两类。
 
     ![](./assets/images/TranslationApiConfiguration/api_list.png)
@@ -128,7 +132,7 @@
 
 3. 翻译失败，则会显示错误信息。
 
-## TagComplate
+## TagComplate 翻译增强
 
 > 是否启用 [a1111-sd-webui-tagcomplete](https://github.com/DominikDoom/a1111-sd-webui-tagcomplete) 中的 CSV 文件以增强翻译功能。
 >

05.FormatOfPrompts.md

@@ -16,6 +16,8 @@
 
 3. Set the Prompt format according to your needs.
 
+    ![](https://s1.imagehub.cc/images/2023/06/06/demo.prompt_format.gif)
+
 
 
 # 简体中文
@@ -28,4 +30,6 @@
 
     ![](./assets/images/FormatOfPrompts/format_cn.png)
 
-3. 根据自己的需求，设置Prompt格式。
+3. 根据自己的需求，设置Prompt格式。
+
+    ![](https://s1.imagehub.cc/images/2023/06/06/demo.prompt_format.gif)

06.ThemeStyle.md

@@ -0,0 +1,39 @@
+<div align="center">
+
+[English](#english) / [简体中文](#简体中文)
+
+</div>
+
+# English
+
+1. Move the mouse over the `Extension Theme Style icon`.
+
+    ![](./assets/images/ThemeStyle/style_btn.png)
+
+2. Click the `Extension Theme Style icon`.
+
+    ![](./assets/images/ThemeStyle/style_cn.png)
+
+3. Enable different theme styles according to your needs.
+
+    ![](https://s1.imagehub.cc/images/2023/06/06/demo.custom_theme.gif)
+
+4. If you want to develop style themes for this extension, please refer to: [https://github.com/Physton/sd-webui-prompt-all-in-one/tree/main/styles/extensions](https://github.com/Physton/sd-webui-prompt-all-in-one/tree/main/styles/extensions)
+
+
+
+# 简体中文
+
+1. 鼠标移动到 `扩展主题样式图标` 上。
+
+    ![](./assets/images/ThemeStyle/style_btn.png)
+
+2. 点击 `扩展主题样式图标`。
+
+    ![](./assets/images/ThemeStyle/style_cn.png)
+
+3. 根据自己的需求，开启不同的主题风格。
+
+    ![](https://s1.imagehub.cc/images/2023/06/06/demo.custom_theme.gif)
+
+4。 如果你需要开发此扩展的样式主题，请参考：[https://github.com/Physton/sd-webui-prompt-all-in-one/tree/main/styles/extensions](https://github.com/Physton/sd-webui-prompt-all-in-one/tree/main/styles/extensions)

07.AutomaticTranslation.md

@@ -0,0 +1,30 @@
+<div align="center">
+
+[English](#english) / [简体中文](#简体中文)
+
+</div>
+
+# English
+
+1. Move the mouse over the "Automatic Translation Selection Box" and check it.
+
+    ![](./assets/images/AutomaticTranslation/checkbox.png)
+
+2. After enabling the automatic translation function, when you enter a keyword through this extension, it will automatically detect whether you are inputting in English or your local language. If you are inputting in your local language, it will be automatically translated into English and inserted into the input box of the WebUI. If you are inputting in English, it will be automatically translated into your local language and displayed in the extension panel.
+
+    ![](https://s1.imagehub.cc/images/2023/06/06/demo.auto_translate.gif)
+
+3. In certain language environments, where the extension cannot determine whether you are inputting in English or your local language, there will be two checkboxes. You can select one of them according to your needs.
+
+
+# 简体中文
+
+1. 鼠标移动到 `自动翻译选择框` 上，勾选它。
+
+    ![](./assets/images/AutomaticTranslation/checkbox.png)
+
+2. 启动自动翻译功能后，你通过本扩展输入的关键词后，扩展将自动检测你输入的是英文还是你的本地语言，如果输入的是你的本地语言，将被自动翻译到英文插入到 WebUI 的输入框中。如果输入的是英文，将会自动翻译到你的本地语言并显示在扩展面板内。
+
+    ![](https://s1.imagehub.cc/images/2023/06/06/demo.auto_translate.gif)
+
+3. 在某些国家语言的环境中，因为本扩展无法判断你输入的是英文还是你的本地语言，这里会有两个勾选框。你可以根据自己的需求，勾选其中一个。

Home.md

@@ -32,6 +32,10 @@
 
 - [Format of prompts](05.FormatOfPrompts#english)
 
+- [Theme Style](06.ThemeStyle#english)
+
+- [Automatic Translation](07.AutomaticTranslation#english)
+
 
 # 简体中文
 
@@ -59,4 +63,8 @@
 
     - [TagComplete 翻译增强](04.TranslationApiConfiguration#tagcomplate-翻译增强)
 
-- [Prompt格式](05.FormatOfPrompts#简体中文)
+- [Prompt格式](05.FormatOfPrompts#简体中文)
+
+- [主题风格](06.ThemeStyle#简体中文)
+
+- [自动翻译](07.AutomaticTranslation#简体中文)