Update primary color to #5755d9

1 files changed, 62 insertions, 62 deletions

diff --git a/docs/dist/spectre.css b/docs/dist/spectre.css
index 01ba6e1..5a88372 100644
--- a/docs/dist/spectre.css
+++ b/docs/dist/spectre.css
@@ -295,20 +295,20 @@ body {
 }
 
 a {
-  color: #5764c6;
+  color: #5755d9;
   outline: none;
   text-decoration: none;
 }
 
 a:focus {
-  box-shadow: 0 0 0 .1rem rgba(87, 100, 198, .2);
+  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
 }
 
 a:focus,
 a:hover,
 a:active,
 a.active {
-  color: #4452c0;
+  color: #4240d4;
   text-decoration: underline;
 }
 
@@ -534,9 +534,9 @@ dl dd {
   -moz-appearance: none;
   appearance: none;
   background: #fff;
-  border: .05rem solid #5764c6;
+  border: .05rem solid #5755d9;
   border-radius: .1rem;
-  color: #5764c6;
+  color: #5755d9;
   cursor: pointer;
   display: inline-block;
   font-size: .7rem;
@@ -556,20 +556,20 @@ dl dd {
 }
 
 .btn:focus {
-  box-shadow: 0 0 0 .1rem rgba(87, 100, 198, .2);
+  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
 }
 
 .btn:focus,
 .btn:hover {
-  background: #eff1fa;
-  border-color: #4c59c2;
+  background: #f1f1fc;
+  border-color: #4b48d6;
   text-decoration: none;
 }
 
 .btn:active,
 .btn.active {
-  background: #4c59c2;
-  border-color: #3e4cb6;
+  background: #4b48d6;
+  border-color: #3634d2;
   color: #fff;
   text-decoration: none;
 }
@@ -589,22 +589,22 @@ dl dd {
 }
 
 .btn.btn-primary {
-  background: #5764c6;
-  border-color: #4c59c2;
+  background: #5755d9;
+  border-color: #4b48d6;
   color: #fff;
 }
 
 .btn.btn-primary:focus,
 .btn.btn-primary:hover {
-  background: #4452c0;
-  border-color: #3e4cb6;
+  background: #4240d4;
+  border-color: #3634d2;
   color: #fff;
 }
 
 .btn.btn-primary:active,
 .btn.btn-primary.active {
-  background: #3f4eba;
-  border-color: #3b49af;
+  background: #3a38d2;
+  border-color: #302ecd;
   color: #fff;
 }
 
@@ -616,14 +616,14 @@ dl dd {
 .btn.btn-link {
   background: transparent;
   border-color: transparent;
-  color: #5764c6;
+  color: #5755d9;
 }
 
 .btn.btn-link:focus,
 .btn.btn-link:hover,
 .btn.btn-link:active,
 .btn.btn-link.active {
-  color: #4452c0;
+  color: #4240d4;
 }
 
 .btn.btn-sm {
@@ -773,8 +773,8 @@ legend {
 }
 
 .form-input:focus {
-  border-color: #5764c6; 
-  box-shadow: 0 0 0 .1rem rgba(87, 100, 198, .2);
+  border-color: #5755d9; 
+  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
 }
 
 .form-input::-webkit-input-placeholder {
@@ -863,8 +863,8 @@ textarea.form-input {
 }
 
 .form-select:focus {
-  border-color: #5764c6; 
-  box-shadow: 0 0 0 .1rem rgba(87, 100, 198, .2);
+  border-color: #5755d9; 
+  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
 }
 
 .form-select::-ms-expand {
@@ -937,15 +937,15 @@ textarea.form-input {
 .form-checkbox input:focus + .form-icon,
 .form-radio input:focus + .form-icon,
 .form-switch input:focus + .form-icon {
-  border-color: #5764c6; 
-  box-shadow: 0 0 0 .1rem rgba(87, 100, 198, .2);
+  border-color: #5755d9; 
+  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
 }
 
 .form-checkbox input:checked + .form-icon,
 .form-radio input:checked + .form-icon,
 .form-switch input:checked + .form-icon {
-  background: #5764c6;
-  border-color: #5764c6;
+  background: #5755d9;
+  border-color: #5755d9;
 }
 
 .form-checkbox .form-icon,
@@ -993,8 +993,8 @@ textarea.form-input {
 }
 
 .form-checkbox input:indeterminate + .form-icon {
-  background: #5764c6;
-  border-color: #5764c6;
+  background: #5755d9;
+  border-color: #5755d9;
 }
 
 .form-checkbox input:indeterminate + .form-icon::before {
@@ -1260,13 +1260,13 @@ input.disabled + .form-icon {
 }
 
 .label.label-primary {
-  background: #5764c6;
+  background: #5755d9;
   color: #fff;
 }
 
 .label.label-secondary {
-  background: #eff1fa;
-  color: #5764c6;
+  background: #f1f1fc;
+  color: #5755d9;
 }
 
 .label.label-success {
@@ -1926,8 +1926,8 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .form-autocomplete .form-autocomplete-input.is-focused {
-  border-color: #5764c6; 
-  box-shadow: 0 0 0 .1rem rgba(87, 100, 198, .2);
+  border-color: #5755d9; 
+  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
 }
 
 .form-autocomplete .form-autocomplete-input .form-input {
@@ -1950,7 +1950,7 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .avatar {
-  background: #5764c6;
+  background: #5755d9;
   border-radius: 50%;
   color: rgba(255, 255, 255, .85);
   display: inline-block;
@@ -2046,7 +2046,7 @@ summary.accordion-header::-webkit-details-marker {
 
 .badge[data-badge]::after,
 .badge:not([data-badge])::after {
-  background: #5764c6;
+  background: #5755d9;
   background-clip: padding-box;
   border-radius: .5rem;
   box-shadow: 0 0 0 .1rem #fff;
@@ -2140,7 +2140,7 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .bar .bar-item {
-  background: #5764c6;
+  background: #5755d9;
   color: #fff;
   display: block;
   -ms-flex-negative: 0;
@@ -2183,7 +2183,7 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .bar-slider .bar-slider-btn {
-  background: #5764c6;
+  background: #5755d9;
   border: 0;
   border-radius: 50%;
   height: .6rem;
@@ -2196,7 +2196,7 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .bar-slider .bar-slider-btn:active {
-  box-shadow: 0 0 0 .1rem #5764c6;
+  box-shadow: 0 0 0 .1rem #5755d9;
 }
 
 .card {
@@ -2257,7 +2257,7 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .chip.active {
-  background: #5764c6;
+  background: #5755d9;
   color: #fff;
 }
 
@@ -2356,14 +2356,14 @@ summary.accordion-header::-webkit-details-marker {
 
 .menu .menu-item > a:focus,
 .menu .menu-item > a:hover {
-  background: #eff1fa;
-  color: #5764c6;
+  background: #f1f1fc;
+  color: #5755d9;
 }
 
 .menu .menu-item > a:active,
 .menu .menu-item > a.active {
-  background: #eff1fa;
-  color: #5764c6;
+  background: #f1f1fc;
+  color: #5755d9;
 }
 
 .menu .menu-item + .menu-item {
@@ -2482,7 +2482,7 @@ summary.accordion-header::-webkit-details-marker {
 
 .nav .nav-item a:focus,
 .nav .nav-item a:hover {
-  color: #5764c6;
+  color: #5755d9;
 }
 
 .nav .nav-item.active > a {
@@ -2492,7 +2492,7 @@ summary.accordion-header::-webkit-details-marker {
 
 .nav .nav-item.active > a:focus,
 .nav .nav-item.active > a:hover {
-  color: #5764c6;
+  color: #5755d9;
 }
 
 .nav .nav {
@@ -2527,7 +2527,7 @@ summary.accordion-header::-webkit-details-marker {
 
 .pagination .page-item a:focus,
 .pagination .page-item a:hover {
-  color: #5764c6;
+  color: #5755d9;
 }
 
 .pagination .page-item.disabled a {
@@ -2537,7 +2537,7 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .pagination .page-item.active a {
-  background: #5764c6;
+  background: #5755d9;
   color: #fff;
 }
 
@@ -2672,7 +2672,7 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .step .step-item:not(:first-child)::before {
-  background: #5764c6;
+  background: #5755d9;
   content: "";
   height: 2px;
   left: -50%;
@@ -2689,7 +2689,7 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .step .step-item a::before {
-  background: #5764c6;
+  background: #5755d9;
   border: .1rem solid #fff;
   border-radius: 50%;
   content: "";
@@ -2705,7 +2705,7 @@ summary.accordion-header::-webkit-details-marker {
 
 .step .step-item.active a::before {
   background: #fff;
-  border: .1rem solid #5764c6;
+  border: .1rem solid #5755d9;
 }
 
 .step .step-item.active ~ .step-item::before {
@@ -2749,13 +2749,13 @@ summary.accordion-header::-webkit-details-marker {
 
 .tab .tab-item a:focus,
 .tab .tab-item a:hover {
-  color: #5764c6;
+  color: #5755d9;
 }
 
 .tab .tab-item.active a,
 .tab .tab-item a.active {
-  border-bottom-color: #5764c6;
-  color: #5764c6;
+  border-bottom-color: #5755d9;
+  color: #5755d9;
 }
 
 .tab.tab-block .tab-item {
@@ -2841,8 +2841,8 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .toast.toast-primary {
-  background: rgba(87, 100, 198, .9);
-  border-color: #5764c6;
+  background: rgba(87, 85, 217, .9);
+  border-color: #5755d9;
 }
 
 .toast.toast-success {
@@ -2968,21 +2968,21 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .text-primary {
-  color: #5764c6;
+  color: #5755d9;
 }
 
 a.text-primary:focus,
 a.text-primary:hover {
-  color: #4452c0;
+  color: #4240d4;
 }
 
 .text-secondary {
-  color: #e4e6f6;
+  color: #e5e5f9;
 }
 
 a.text-secondary:focus,
 a.text-secondary:hover {
-  color: #d1d4ef;
+  color: #d1d0f4;
 }
 
 .text-gray {
@@ -3031,11 +3031,11 @@ a.text-error:hover {
 }
 
 .bg-primary {
-  background: #5764c6;
+  background: #5755d9;
 }
 
 .bg-secondary {
-  background: #eff1fa;
+  background: #f1f1fc;
 }
 
 .bg-dark {
@@ -3197,7 +3197,7 @@ a.text-error:hover {
 
 .loading::after {
   animation: loading 500ms infinite linear;
-  border: .1rem solid #5764c6;
+  border: .1rem solid #5755d9;
   border-radius: 50%;
   border-right-color: transparent;
   border-top-color: transparent;