diff --git a/README.md b/README.md
index 7279184..4475ab0 100644
--- a/README.md
+++ b/README.md
@@ -7,3 +7,443 @@ Check them out and support them for this great widget!
 -----
 
 This repository has some changes made in original code, to make it easier to change colors of the widget to make it fit your stream asthetics!
+
+---
+---
+# Colors mapping
+
+
+## Message Icons
+
+---
+
+### Streamer
+
+`js.js` > `colorSettings.streamerIconColor`
+
+![streamer](/imgs/streamer.png)
+
+### Mod
+
+`js.js` > `colorSettings.modIconColor`
+
+![mod](/imgs/mod.png)
+
+### VIP
+
+`js.js` > `colorSettings.vipIconColor`
+
+![vip](/imgs/vip.png)
+
+### Sub
+
+`js.js` > `colorSettings.subIconColor`
+
+![sub](/imgs/sub.png)
+
+---
+
+## Streamer's Messages
+
+---
+
+`css.css` > `--rouded-corners-and-heart-next-to-username-color`
+
+![1](/imgs/1.png)
+
+---
+
+`css.css` > `--top-right-heart-and-bottom-left-heart-color`
+
+![2](/imgs/2.png)
+
+---
+
+`css.css` > `--top-and-bottom-border-lines-color`
+
+![3](/imgs/3.png)
+
+---
+
+`js.js` > `colorSettings.streamerRightBorderColor`
+
+![4](/imgs/4.png)
+
+---
+
+
+## Non-Streamer's Messages
+
+---
+
+`js.js` > `colorSettings.messageMentionedUsernameColor`
+
+![7](/imgs/7.png)
+
+---
+
+`js.js` > `colorSettings.nonStreamerHeartTopLeftColor`
+
+![8](/imgs/8.png)
+
+---
+
+`js.js` > `colorSettings.heartInChatBubbleOnTheRightColor`
+
+![9](/imgs/9.png)
+
+---
+
+`js.js` > `colorSettings.nonStreamerTopRightCornerColor`
+
+![10](/imgs/10.png)
+
+---
+
+`js.js` > `colorSettings.nonStreamerBottomRightCornerColor`
+
+![11](/imgs/11.png)
+
+---
+
+`js.js` > `colorSettings.nonStreamerBottomLeftCornerColor`
+
+![12](/imgs/12.png)
+
+---
+
+`js.js` > `colorSettings.nonStreamerHeartBottomLeftColor`
+
+![13](/imgs/13.png)
+
+---
+
+`css.css` > `--right-border-color`
+
+![14](/imgs/14.png)
+
+---
+
+`css.css` > `--bottom-border-color`
+
+![15](/imgs/15.png)
+
+---
+
+`css.css` > `--top-border-color`
+
+![16](/imgs/16.png)
+
+---
+
+`css.css` > `--top-right-border-piece-color`
+
+![17](/imgs/17.png)
+
+---
+
+
+## All Messages
+
+---
+
+
+`js.js` > `colorSettings.cornerPieceUnderBadgeColor`
+
+![5](/imgs/5.png)
+
+---
+
+`js.js` > `colorSettings.messageMentionedUsernameColor`
+
+![6](/imgs/6.png)
+
+---
+
+`css.css` > `--background-gradient-top-color`
+
+![18](/imgs/18.png)
+
+---
+
+`css.css` > `--background-gradient-bottom-color`
+
+![19](/imgs/19.png)
+
+---
+
+`css.css` > `--message-text-color`
+
+![20](/imgs/20.png)
+
+---
+
+`css.css` > `--mod-icon-background-color`
+
+![21](/imgs/21.png)
+
+---
+
+`css.css` > `--username-bubble-background-color`
+
+![22](/imgs/22.png)
+
+---
+
+`css.css` > `--username-bubble-text-color`
+
+![23](/imgs/23.png)
+
+---
+
+## Events
+
+---
+
+`js.js` > `colorSettings.eventBorderTopRightCornerColor`
+
+![24](/imgs/24.png)
+
+---
+
+`js.js` > `colorSettings.eventBorderTopLeftCornerColor`
+
+![25](/imgs/25.png)
+
+---
+
+`js.js` > `colorSettings.eventBorderBottomRightCornerColor`
+
+![26](/imgs/26.png)
+
+---
+
+`js.js` > `colorSettings.eventBorderBottomLeftCornerColor`
+
+![27](/imgs/27.png)
+
+---
+
+`js.js` > `colorSettings.eventTopLeftHeartColor`
+
+![28](/imgs/28.png)
+
+---
+
+`js.js` > `colorSettings.eventTopRightHeartColor`
+
+![29](/imgs/29.png)
+
+---
+
+`js.js` > `colorSettings.eventBottomHeartColor`
+
+![30](/imgs/30.png)
+
+---
+
+`js.js` > `colorSettings.eventLeftHeartColor`
+
+![31](/imgs/31.png)
+
+---
+
+`js.js` > `colorSettings.eventBackgroundLeftEnvelopeInsidesColor`
+
+![32](/imgs/32.png)
+
+---
+
+`js.js` > `colorSettings.eventBackgroundLeftEnvelopeOuterBorderColor`
+
+![33](/imgs/33.png)
+
+---
+
+`js.js` > `colorSettings.eventBackgroundLeftEnvelopeBottomLeftInsideLineColor`
+
+![34](/imgs/34.png)
+
+---
+
+`js.js` > `colorSettings.eventBackgroundLeftEnvelopeBottomRightInsideLineColor`
+
+![35](/imgs/35.png)
+
+---
+
+`js.js` > `colorSettings.eventBackgroundLeftEnvelopeInsideTopLinesColor`
+
+![36](/imgs/36.png)
+
+---
+
+`js.js` > `colorSettings.eventBackgroundRightEnvelopeInsidesColor`
+
+![37](/imgs/37.png)
+
+---
+
+`js.js` > `colorSettings.eventBackgroundRightEnvelopeOuterBorderColor`
+
+![38](/imgs/38.png)
+
+---
+
+`js.js` > `colorSettings.eventBackgroundRightEnvelopeBottomLeftInsideLineColor`
+
+![39](/imgs/39.png)
+
+---
+
+`js.js` > `colorSettings.eventBackgroundRightEnvelopeBottomRightInsideLineColor`
+
+![40](/imgs/40.png)
+
+---
+
+`js.js` > `colorSettings.eventBackgroundRightEnvelopeInsideTopLinesColor`
+
+![41](/imgs/41.png)
+
+---
+
+`js.js` > `colorSettings.eventBackgroundLeftHeartColor`
+
+![42](/imgs/42.png)
+
+---
+
+`js.js` > `colorSettings.eventBackgroundLeftWhiskersColor`
+
+![43](/imgs/43.png)
+
+---
+
+`js.js` > `colorSettings.eventBackgroundRightWhiskersColor`
+
+![44](/imgs/44.png)
+
+---
+
+When subscribed:
+
+`js.js` > `colorSettings.eventBackgroundSubscribeHeartLeftColor`
+
+When re-subscribed:
+
+`js.js` > `colorSettings.eventBackgroundReSubscribeHeartLeftColor`
+
+When gifted more than one sub:
+
+`js.js` > `colorSettings.eventBackgroundGiftManyHeartLeftColor`
+
+When gifted one sub:
+
+`js.js` > `colorSettings.eventBackgroundGiftOneHeartLeftColor`
+
+When giving bits:
+
+`js.js` > `colorSettings.eventBackgroundCheerHeartLeftColor`
+
+When donating:
+
+`js.js` > `colorSettings.eventBackgroundDonationHeartLeftColor`
+
+![45](/imgs/45.png)
+
+---
+
+When subscribed:
+
+`js.js` > `colorSettings.eventBackgroundSubscribeHeartRightColor`
+
+When re-subscribed:
+
+`js.js` > `colorSettings.eventBackgroundReSubscribeHeartRightColor`
+
+When gifted more than one sub:
+
+`js.js` > `colorSettings.eventBackgroundGiftManyHeartRightColor`
+
+When gifted one sub:
+
+`js.js` > `colorSettings.eventBackgroundGiftOneHeartRightColor`
+
+When giving bits:
+
+`js.js` > `colorSettings.eventBackgroundCheerHeartRightColor`
+
+When donating:
+
+`js.js` > `colorSettings.eventBackgroundDonationHeartRightColor`
+
+![46](/imgs/46.png)
+
+---
+
+`css.css` > `--event-background-gradient-top-color`
+
+![47](/imgs/47.png)
+
+---
+
+`css.css` > `--event-background-gradient-bottom-color`
+
+![48](/imgs/48.png)
+
+---
+
+`css.css` > `--event-right-border-color`
+
+![49](/imgs/49.png)
+
+---
+
+`css.css` > `--event-icon-background-color`
+
+![50](/imgs/50.png)
+
+---
+
+`css.css` > `--event-text-color`
+
+![51](/imgs/51.png)
+
+---
+
+`css.css` > `--event-top-center-border-color`
+
+![53](/imgs/53.png)
+
+---
+
+`css.css` > `--event-top-right-border-color`
+
+![54](/imgs/54.png)
+
+---
+
+`css.css` > `--event-bottom-left-border-color`
+
+![55](/imgs/55.png)
+
+---
+
+`css.css` > `--event-bottom-right-border-color`
+
+![56](/imgs/56.png)
+
+---
+
+`css.css` > `--event-left-top-border-color`
+
+![57](/imgs/57.png)
+
+---
+
+`css.css` > `--event-left-bottom-border-color`
+
+![58](/imgs/58.png)
+
+---
\ No newline at end of file
diff --git a/css.css b/css.css
index 614f07f..f8500e3 100644
--- a/css.css
+++ b/css.css
@@ -41,8 +41,8 @@
     --event-left-bottom-border-color: #FFAEC2;
 
     /*!* Unknowns *!*/
-    --unknown-color-1: #00FFFF; /* original value: #FF4976; */
-    --unknown-color-2: #009999; /* original value: #FF4976; */
+    --unknown-color-1: #FF4976;
+    --unknown-color-2: #FF4976;
 }
 
 * {
diff --git a/imgs/1.png b/imgs/1.png
new file mode 100644
index 0000000..630fd94
Binary files /dev/null and b/imgs/1.png differ
diff --git a/imgs/10.png b/imgs/10.png
new file mode 100644
index 0000000..28aa456
Binary files /dev/null and b/imgs/10.png differ
diff --git a/imgs/11.png b/imgs/11.png
new file mode 100644
index 0000000..0afcfc1
Binary files /dev/null and b/imgs/11.png differ
diff --git a/imgs/12.png b/imgs/12.png
new file mode 100644
index 0000000..7e01df2
Binary files /dev/null and b/imgs/12.png differ
diff --git a/imgs/13.png b/imgs/13.png
new file mode 100644
index 0000000..1f0305e
Binary files /dev/null and b/imgs/13.png differ
diff --git a/imgs/14.png b/imgs/14.png
new file mode 100644
index 0000000..a51984e
Binary files /dev/null and b/imgs/14.png differ
diff --git a/imgs/15.png b/imgs/15.png
new file mode 100644
index 0000000..59a39f8
Binary files /dev/null and b/imgs/15.png differ
diff --git a/imgs/16.png b/imgs/16.png
new file mode 100644
index 0000000..f7460cb
Binary files /dev/null and b/imgs/16.png differ
diff --git a/imgs/17.png b/imgs/17.png
new file mode 100644
index 0000000..7dbe02a
Binary files /dev/null and b/imgs/17.png differ
diff --git a/imgs/18.png b/imgs/18.png
new file mode 100644
index 0000000..8e67509
Binary files /dev/null and b/imgs/18.png differ
diff --git a/imgs/19.png b/imgs/19.png
new file mode 100644
index 0000000..123faf1
Binary files /dev/null and b/imgs/19.png differ
diff --git a/imgs/2.png b/imgs/2.png
new file mode 100644
index 0000000..60793a4
Binary files /dev/null and b/imgs/2.png differ
diff --git a/imgs/20.png b/imgs/20.png
new file mode 100644
index 0000000..afcf306
Binary files /dev/null and b/imgs/20.png differ
diff --git a/imgs/21.png b/imgs/21.png
new file mode 100644
index 0000000..2eeae40
Binary files /dev/null and b/imgs/21.png differ
diff --git a/imgs/22.png b/imgs/22.png
new file mode 100644
index 0000000..4c98c34
Binary files /dev/null and b/imgs/22.png differ
diff --git a/imgs/23.png b/imgs/23.png
new file mode 100644
index 0000000..59c8771
Binary files /dev/null and b/imgs/23.png differ
diff --git a/imgs/24.png b/imgs/24.png
new file mode 100644
index 0000000..0812a5e
Binary files /dev/null and b/imgs/24.png differ
diff --git a/imgs/25.png b/imgs/25.png
new file mode 100644
index 0000000..cd093bd
Binary files /dev/null and b/imgs/25.png differ
diff --git a/imgs/26.png b/imgs/26.png
new file mode 100644
index 0000000..cfce92c
Binary files /dev/null and b/imgs/26.png differ
diff --git a/imgs/27.png b/imgs/27.png
new file mode 100644
index 0000000..52c2bf2
Binary files /dev/null and b/imgs/27.png differ
diff --git a/imgs/28.png b/imgs/28.png
new file mode 100644
index 0000000..e98eecc
Binary files /dev/null and b/imgs/28.png differ
diff --git a/imgs/29.png b/imgs/29.png
new file mode 100644
index 0000000..1cdd6b6
Binary files /dev/null and b/imgs/29.png differ
diff --git a/imgs/3.png b/imgs/3.png
new file mode 100644
index 0000000..87b0846
Binary files /dev/null and b/imgs/3.png differ
diff --git a/imgs/30.png b/imgs/30.png
new file mode 100644
index 0000000..d5b12d9
Binary files /dev/null and b/imgs/30.png differ
diff --git a/imgs/31.png b/imgs/31.png
new file mode 100644
index 0000000..fc441b9
Binary files /dev/null and b/imgs/31.png differ
diff --git a/imgs/32.png b/imgs/32.png
new file mode 100644
index 0000000..62d7629
Binary files /dev/null and b/imgs/32.png differ
diff --git a/imgs/33.png b/imgs/33.png
new file mode 100644
index 0000000..bfdbcdc
Binary files /dev/null and b/imgs/33.png differ
diff --git a/imgs/34.png b/imgs/34.png
new file mode 100644
index 0000000..7f9c7c6
Binary files /dev/null and b/imgs/34.png differ
diff --git a/imgs/35.png b/imgs/35.png
new file mode 100644
index 0000000..c048c32
Binary files /dev/null and b/imgs/35.png differ
diff --git a/imgs/36.png b/imgs/36.png
new file mode 100644
index 0000000..cceeede
Binary files /dev/null and b/imgs/36.png differ
diff --git a/imgs/37.png b/imgs/37.png
new file mode 100644
index 0000000..e8f0991
Binary files /dev/null and b/imgs/37.png differ
diff --git a/imgs/38.png b/imgs/38.png
new file mode 100644
index 0000000..d664ebf
Binary files /dev/null and b/imgs/38.png differ
diff --git a/imgs/39.png b/imgs/39.png
new file mode 100644
index 0000000..5008607
Binary files /dev/null and b/imgs/39.png differ
diff --git a/imgs/4.png b/imgs/4.png
new file mode 100644
index 0000000..c07aa2c
Binary files /dev/null and b/imgs/4.png differ
diff --git a/imgs/40.png b/imgs/40.png
new file mode 100644
index 0000000..0a55761
Binary files /dev/null and b/imgs/40.png differ
diff --git a/imgs/41.png b/imgs/41.png
new file mode 100644
index 0000000..f97a11d
Binary files /dev/null and b/imgs/41.png differ
diff --git a/imgs/42.png b/imgs/42.png
new file mode 100644
index 0000000..4d461d9
Binary files /dev/null and b/imgs/42.png differ
diff --git a/imgs/43.png b/imgs/43.png
new file mode 100644
index 0000000..1f194f6
Binary files /dev/null and b/imgs/43.png differ
diff --git a/imgs/44.png b/imgs/44.png
new file mode 100644
index 0000000..ba45d91
Binary files /dev/null and b/imgs/44.png differ
diff --git a/imgs/45.png b/imgs/45.png
new file mode 100644
index 0000000..83e9bc0
Binary files /dev/null and b/imgs/45.png differ
diff --git a/imgs/46.png b/imgs/46.png
new file mode 100644
index 0000000..e386a6a
Binary files /dev/null and b/imgs/46.png differ
diff --git a/imgs/47.png b/imgs/47.png
new file mode 100644
index 0000000..45bacc2
Binary files /dev/null and b/imgs/47.png differ
diff --git a/imgs/48.png b/imgs/48.png
new file mode 100644
index 0000000..1e5955d
Binary files /dev/null and b/imgs/48.png differ
diff --git a/imgs/49.png b/imgs/49.png
new file mode 100644
index 0000000..886ad5c
Binary files /dev/null and b/imgs/49.png differ
diff --git a/imgs/5.png b/imgs/5.png
new file mode 100644
index 0000000..478cbdd
Binary files /dev/null and b/imgs/5.png differ
diff --git a/imgs/50.png b/imgs/50.png
new file mode 100644
index 0000000..b581b7b
Binary files /dev/null and b/imgs/50.png differ
diff --git a/imgs/51.png b/imgs/51.png
new file mode 100644
index 0000000..4bc78bd
Binary files /dev/null and b/imgs/51.png differ
diff --git a/imgs/52.png b/imgs/52.png
new file mode 100644
index 0000000..40c4862
Binary files /dev/null and b/imgs/52.png differ
diff --git a/imgs/53.png b/imgs/53.png
new file mode 100644
index 0000000..6146036
Binary files /dev/null and b/imgs/53.png differ
diff --git a/imgs/54.png b/imgs/54.png
new file mode 100644
index 0000000..f9e295c
Binary files /dev/null and b/imgs/54.png differ
diff --git a/imgs/55.png b/imgs/55.png
new file mode 100644
index 0000000..8a0315e
Binary files /dev/null and b/imgs/55.png differ
diff --git a/imgs/56.png b/imgs/56.png
new file mode 100644
index 0000000..745de0a
Binary files /dev/null and b/imgs/56.png differ
diff --git a/imgs/57.png b/imgs/57.png
new file mode 100644
index 0000000..8676b15
Binary files /dev/null and b/imgs/57.png differ
diff --git a/imgs/58.png b/imgs/58.png
new file mode 100644
index 0000000..eb207e2
Binary files /dev/null and b/imgs/58.png differ
diff --git a/imgs/6.png b/imgs/6.png
new file mode 100644
index 0000000..4c1fc8a
Binary files /dev/null and b/imgs/6.png differ
diff --git a/imgs/7.png b/imgs/7.png
new file mode 100644
index 0000000..4fa378c
Binary files /dev/null and b/imgs/7.png differ
diff --git a/imgs/8.png b/imgs/8.png
new file mode 100644
index 0000000..b4ac84f
Binary files /dev/null and b/imgs/8.png differ
diff --git a/imgs/9.png b/imgs/9.png
new file mode 100644
index 0000000..e19fc65
Binary files /dev/null and b/imgs/9.png differ
diff --git a/imgs/mod.png b/imgs/mod.png
new file mode 100644
index 0000000..7154a54
Binary files /dev/null and b/imgs/mod.png differ
diff --git a/imgs/streamer.png b/imgs/streamer.png
new file mode 100644
index 0000000..96466dd
Binary files /dev/null and b/imgs/streamer.png differ
diff --git a/imgs/sub.png b/imgs/sub.png
new file mode 100644
index 0000000..d213116
Binary files /dev/null and b/imgs/sub.png differ
diff --git a/imgs/vip.png b/imgs/vip.png
new file mode 100644
index 0000000..583cc3e
Binary files /dev/null and b/imgs/vip.png differ