diff --git a/shared/html/index.php b/shared/html/index.php
index b3ecc450..39dba359 100644
--- a/shared/html/index.php
+++ b/shared/html/index.php
@@ -169,6 +169,19 @@
             </div>
         </div>
 
+        <div id="spoiler-style" style="z-index: 1000000; position: absolute; display: block; background: white; right: 5px; left: 5px; top: 34px;">
+            <img src="img/style/default.png">
+        </div>
+        <button class="toggle-spoiler-style" style="height: 30px; width: 100px; z-index: 100000000; position: absolute; top: 2px;">toggle style</button>
+        <script>
+            setTimeout(() => {
+                $("#spoiler-style").hide();
+                $(".toggle-spoiler-style").on('click', () => {
+                    $("#spoiler-style").toggle();
+                });
+            }, 1000);
+        </script>
+
         <div id="music-test"></div>
         <div id="templates"></div>
         <div id="sounds"></div>
diff --git a/shared/img/style/avatar.png b/shared/img/style/avatar.png
new file mode 100644
index 00000000..903571fa
Binary files /dev/null and b/shared/img/style/avatar.png differ
diff --git a/shared/img/style/default.png b/shared/img/style/default.png
new file mode 100644
index 00000000..3408c27e
Binary files /dev/null and b/shared/img/style/default.png differ
diff --git a/shared/img/style/default_with_px.png b/shared/img/style/default_with_px.png
new file mode 100644
index 00000000..d781e69f
Binary files /dev/null and b/shared/img/style/default_with_px.png differ
diff --git a/shared/img/style/dropdown.png b/shared/img/style/dropdown.png
new file mode 100644
index 00000000..f8692940
Binary files /dev/null and b/shared/img/style/dropdown.png differ
diff --git a/shared/img/style/privat_chat.png b/shared/img/style/privat_chat.png
new file mode 100644
index 00000000..583eb858
Binary files /dev/null and b/shared/img/style/privat_chat.png differ