Update primary color to #5755d9

1 files changed, 7 insertions, 27 deletions

diff --git a/docs/components.html b/docs/components.html
index ba002e4..53036ab 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -467,7 +467,7 @@
                       Steve Rogers
                     </span>
                     <span class="chip">
-                      <figure class="avatar avatar-sm" data-initial="TS" style="background-color: #5764c6;"></figure>
+                      <figure class="avatar avatar-sm" data-initial="TS" style="background-color: #5755d9;"></figure>
                       Tony Stark
                     </span>
                     <span class="chip active">
@@ -513,7 +513,7 @@
                       <a href="#autocomplete">
                         <div class="tile tile-centered">
                           <div class="tile-icon">
-                            <figure class="avatar avatar-sm" data-initial="TS" style="background-color: #5764c6;"></figure>
+                            <figure class="avatar avatar-sm" data-initial="TS" style="background-color: #5755d9;"></figure>
                           </div>
                           <div class="tile-content">
                             Tony <mark>S</mark>tark
@@ -639,10 +639,10 @@
   &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-5.png&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;avatar-icon&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;...&quot;</span>&gt;
 &lt;<span class="tag">/figure</span>&gt;
 
-&lt;<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">&quot;avatar avatar-xl&quot;</span> <span class="atn">data-initial</span>=<span class="atv">&quot;YZ&quot;</span> <span class="atn">style</span>=<span class="atv">&quot;background-color: #5764c6;&quot;</span>&gt;&lt;<span class="tag">/figure</span>&gt;
+&lt;<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">&quot;avatar avatar-xl&quot;</span> <span class="atn">data-initial</span>=<span class="atv">&quot;YZ&quot;</span> <span class="atn">style</span>=<span class="atv">&quot;background-color: #5755d9;&quot;</span>&gt;&lt;<span class="tag">/figure</span>&gt;
 
 <span class="com">&lt;!-- Show initals when avatar image is unavailable or not fully loaded --&gt;</span>
-&lt;<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">&quot;avatar avatar-xl&quot;</span> <span class="atn">data-initial</span>=<span class="atv">&quot;YZ&quot;</span> <span class="atn">style</span>=<span class="atv">&quot;background-color: #5764c6;&quot;</span>&gt;
+&lt;<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">&quot;avatar avatar-xl&quot;</span> <span class="atn">data-initial</span>=<span class="atv">&quot;YZ&quot;</span> <span class="atn">style</span>=<span class="atv">&quot;background-color: #5755d9;&quot;</span>&gt;
   &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-1.png&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;...&quot;</span>&gt;
 &lt;<span class="tag">/figure</span>&gt;
 </code></pre>
@@ -778,8 +778,8 @@
             <div class="column col-8 col-xs-12">
               <div class="bar">
                 <div class="bar-item tooltip" data-tooltip="25%" role="progressbar" style="width:25%;">25%</div>
-                <div class="bar-item tooltip" data-tooltip="15%" role="progressbar" style="width:15%;background:#818bd5;">15%</div>
-                <div class="bar-item tooltip" data-tooltip="10%" role="progressbar" style="width:10%;background:#abb1e2;">10%</div>
+                <div class="bar-item tooltip" data-tooltip="15%" role="progressbar" style="width:15%;background:#817fe3;">15%</div>
+                <div class="bar-item tooltip" data-tooltip="10%" role="progressbar" style="width:10%;background:#aaa9eb;">10%</div>
                 <div class="bar-item tooltip" data-tooltip="15%" role="progressbar" style="width:15%;">15%</div>
               </div>
             </div>
@@ -1086,7 +1086,7 @@
             </div>
             <div class="column col-12">
               <span class="chip">
-                <figure class="avatar avatar-sm" data-initial="TS" style="background-color: #5764c6;"></figure>
+                <figure class="avatar avatar-sm" data-initial="TS" style="background-color: #5755d9;"></figure>
                 Tony Stark
               </span>
               <span class="chip">
@@ -1467,26 +1467,6 @@
                   </div>
                   <div class="modal-body">
                     <div class="content">
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus.
-                    </div>
-                  </div>
-                  <div class="modal-footer">
-                    <button class="btn btn-primary">Share</button>
-                    <button class="btn btn-link">Close</button>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="column col-6 col-xs-12">
-              <div class="modal-temp modal-sm">
-                <div class="modal-overlay"></div>
-                <div class="modal-container" role="document">
-                  <div class="modal-header">
-                    <button type="button" class="btn btn-clear float-right" aria-label="Close"></button>
-                    <div class="modal-title h5">Modal title</div>
-                  </div>
-                  <div class="modal-body">
-                    <div class="content">
                       <form>
                         <div class="form-group">
                           <label class="form-label" for="input-example-7">Name</label>