diff --git a/docs/index.html b/docs/index.html
index 89438ca..1adee4b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -81,43 +81,33 @@ <h2>CoCreate-state</h2>
                                 class="margin-right:15px"
                                 share-network="twitter"
                                 title="Share on twitter"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/twitter.svg"></i
+                                ><i src="/assets/svg/twitter.svg"></i
                             ></a>
                             <a
                                 class="margin-right:15px"
                                 share-network="facebook"
                                 title="Share on Facebook"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/facebook.svg"></i
+                                ><i src="/assets/svg/facebook.svg"></i
                             ></a>
                             <a
                                 class="margin-right:15px"
                                 share-network="instagram"
                                 title="Share on instagram"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/instagram.svg"></i
+                                ><i src="/assets/svg/instagram.svg"></i
                             ></a>
                         </div>
                         <a
                             class="margin-right:15px"
                             share-network="share"
                             title="Share on share"
-                            ><i
-                                class="height:20px fill:#505050"
-                                src="/assets/svg/share-alt.svg"></i
+                            ><i src="/assets/svg/share-alt.svg"></i
                         ></a>
                     </div>
                     <a
                         href="https://github.com/CoCreate-app/CoCreate-state"
                         target="_blank"
                         class="margin-right:15px"
-                        ><i
-                            class="height:20px fill:#505050"
-                            src="/assets/svg/github.svg"></i
+                        ><i src="/assets/svg/github.svg"></i
                     ></a>
                 </div>
             </div>
@@ -144,9 +134,7 @@ <h2 class="padding:5px_0px">Install</h2>
                             <a
                                 class="margin-left:10px display:none"
                                 href="#state-install"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/link.svg"></i
+                                ><i src="/assets/svg/link.svg"></i
                             ></a>
                         </span>
                     </div>
@@ -170,9 +158,7 @@ <h2 class="padding:5px_0px">Usage</h2>
                             <a
                                 class="margin-left:10px display:none"
                                 href="#state-usage"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/link.svg"></i
+                                ><i src="/assets/svg/link.svg"></i
                             ></a>
                         </span>
                     </div>
@@ -205,9 +191,7 @@ <h2 class="padding:5px_0px">Attributes</h2>
                             <a
                                 class="margin-left:10px display:none"
                                 href="#state-attributes"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/link.svg"></i
+                                ><i src="/assets/svg/link.svg"></i
                             ></a>
                         </span>
                     </div>
@@ -258,9 +242,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                             <a
                                 class="margin-left:10px display:none"
                                 href="#state-demo"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/link.svg"></i
+                                ><i src="/assets/svg/link.svg"></i
                             ></a>
                         </span>
                     </div>
@@ -304,7 +286,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     toggle="code-height"
                                     toggle-selector="#demo-code"
                                     ><i
-                                        class="height:18px fill:#505050"
+                                        class="height:18px"
                                         src="/assets/svg/eye.svg"></i
                                 ></a>
                                 <a
@@ -315,18 +297,14 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     hide="#eye-slash"
                                     toggle="code-height"
                                     toggle-selector="#demo-code"
-                                    ><i
-                                        class="height:20px fill:#505050"
-                                        src="/assets/svg/eye-slash.svg"></i
+                                    ><i src="/assets/svg/eye-slash.svg"></i
                                 ></a>
                                 <a
                                     class="margin-right:10px"
                                     id="code"
                                     show="#code-slash"
                                     hide="#code, #demo-code"
-                                    ><i
-                                        class="height:20px fill:#505050"
-                                        src="/assets/svg/code.svg"></i
+                                    ><i src="/assets/svg/code.svg"></i
                                 ></a>
                                 <a
                                     class="margin-right:10px"
@@ -335,7 +313,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     show="#code, #demo-code"
                                     hide="#code-slash"
                                     ><i
-                                        class="display:flex height:18px fill:#505050"
+                                        class="height:18px"
                                         src="/assets/svg/code.svg"></i
                                 ></a>
                                 <a