diff --git a/README.md b/README.md
index 78bad8c..05e3d37 100644
--- a/README.md
+++ b/README.md
@@ -1,13 +1,19 @@
 # File Tree Generator
-
 An Obsidian plugin allow you to generate file trees using [Obsidian Callouts](https://help.obsidian.md/Editing+and+formatting/Callouts)!
 
+![obsidian dark-mode example](meta/example-dark.png)
+![obsidian light-mode example](meta/example-light.png)
+
 ## How to use?
 When editing an Obsidian note, you can use `generate file tree` command or use the generate file tree Ribbon Icon.</br>
-*(if you are on desktop, you can import a folder by pressing the extra button next to your files paths input)*
 
 ![generate file tree pannel](meta/pannel.png)
 
+> [!NOTE]
+> if you are on desktop, you can import a folder by pressing the extra button next to your files paths input
+
+---
+
 As you see, you can ignore patterns of files/folders in the setting tabs.</br>
 This patterns follow the [gitignore spec 2.22.1](https://git-scm.com/docs/gitignore/2.22.1)
 
diff --git a/meta/example-dark.png b/meta/example-dark.png
new file mode 100644
index 0000000..729e545
Binary files /dev/null and b/meta/example-dark.png differ
diff --git a/meta/example-light.png b/meta/example-light.png
new file mode 100644
index 0000000..4ae907d
Binary files /dev/null and b/meta/example-light.png differ
diff --git a/meta/pannel.png b/meta/pannel.png
index d8bce76..f6091e9 100644
Binary files a/meta/pannel.png and b/meta/pannel.png differ