change buttons

1 files changed, 68 insertions, 68 deletions

diff --git a/docs/dist/spectre.css b/docs/dist/spectre.css
index fab0c20..55b84f6 100644
--- a/docs/dist/spectre.css
+++ b/docs/dist/spectre.css
@@ -591,8 +591,8 @@ html:lang(ko),
   -moz-appearance: none;
   appearance: none;
   background: #000;
-  border: .05rem solid #5755d9;
-  border-radius: .1rem;
+  border: .09rem solid #5755d9;
+  border-radius: .5rem;
   color: #5755d9;
   cursor: pointer;
   display: inline-block;
@@ -619,15 +619,15 @@ html:lang(ko),
 .btn:focus,
 .btn:hover {
   background: none;
-  border-color: #90acff;
-  color: #5a9bf0;
+  border-color: #fff;
+  color: #fff;
   text-decoration: none;
 }
 
 .btn:active,
 .btn.active {
-  background: #4b48d6;
-  border-color: #3634d2;
+  background: #fff;
+  border-color: #d6d6d6;
   color: #000;
   text-decoration: none;
 }
@@ -649,13 +649,13 @@ html:lang(ko),
 .btn.btn-primary {
   background: #5755d9;
   border-color: #4b48d6;
-  color: #d1d1d1;
+  color: #000;
 }
 
 .btn.btn-primary:focus,
 .btn.btn-primary:hover {
-  background: #4240d4;
-  border-color: #3634d2;
+  background: #fff;
+  border-color: #fff;
   color: #000;
 }
 
@@ -672,26 +672,26 @@ html:lang(ko),
 }
 
 .btn.btn-success {
-  background: #32b643;
-  border-color: #2faa3f;
+  background: #24e48a;
+  border-color: #1bdd82;
   color: #000;
 }
 
 .btn.btn-success:focus {
-  box-shadow: 0 0 0 .1rem rgba(50, 182, 67, .2);
+  box-shadow: 0 0 0 .1rem rgba(36, 228, 138, .2);
 }
 
 .btn.btn-success:focus,
 .btn.btn-success:hover {
-  background: #30ae40;
-  border-color: #2da23c;
+  background: #1ce285;
+  border-color: #1ad47d;
   color: #000;
 }
 
 .btn.btn-success:active,
 .btn.btn-success.active {
-  background: #2a9a39;
-  border-color: #278e34;
+  background: #19cb78;
+  border-color: #17be70;
   color: #000;
 }
 
@@ -701,26 +701,26 @@ html:lang(ko),
 }
 
 .btn.btn-error {
-  background: #ff2f4b;
-  border-color: #ff203e;
+  background: #fa4173;
+  border-color: #fa3268;
   color: #000;
 }
 
 .btn.btn-error:focus {
-  box-shadow: 0 0 0 .1rem rgba(255, 47, 75, .2);
+  box-shadow: 0 0 0 .1rem rgba(250, 65, 115, .2);
 }
 
 .btn.btn-error:focus,
 .btn.btn-error:hover {
-  background: #ff2542;
-  border-color: #ff1635;
+  background: #fa376c;
+  border-color: #f92861;
   color: #000;
 }
 
 .btn.btn-error:active,
 .btn.btn-error.active {
-  background: #ff0b2c;
-  border-color: #fb0022;
+  background: #f91e59;
+  border-color: #f90f4e;
   color: #000;
 }
 
@@ -739,7 +739,7 @@ html:lang(ko),
 .btn.btn-link:hover,
 .btn.btn-link:active,
 .btn.btn-link.active {
-  color: #302ecd;
+  color: #fff;
 }
 
 .btn.btn-sm {
@@ -946,12 +946,12 @@ textarea.form-input.input-sm {
 
 .has-success .form-input-hint,
 .is-success + .form-input-hint {
-  color: #32b643;
+  color: #24e48a;
 }
 
 .has-error .form-input-hint,
 .is-error + .form-input-hint {
-  color: #ff2f4b;
+  color: #fa4173;
 }
 
 .form-select {
@@ -1282,15 +1282,15 @@ textarea.form-input.input-sm {
 .form-input.is-success,
 .has-success .form-select,
 .form-select.is-success {
-  background: #f9fdfa;
-  border-color: #32b643;
+  background: white;
+  border-color: #24e48a;
 }
 
 .has-success .form-input:focus,
 .form-input.is-success:focus,
 .has-success .form-select:focus,
 .form-select.is-success:focus {
-  box-shadow: 0 0 0 .1rem rgba(50, 182, 67, .2);
+  box-shadow: 0 0 0 .1rem rgba(36, 228, 138, .2);
 }
 
 .has-error .form-input,
@@ -1298,14 +1298,14 @@ textarea.form-input.input-sm {
 .has-error .form-select,
 .form-select.is-error {
   background: white;
-  border-color: #ff2f4b;
+  border-color: #fa4173;
 }
 
 .has-error .form-input:focus,
 .form-input.is-error:focus,
 .has-error .form-select:focus,
 .form-select.is-error:focus {
-  box-shadow: 0 0 0 .1rem rgba(255, 47, 75, .2);
+  box-shadow: 0 0 0 .1rem rgba(250, 65, 115, .2);
 }
 
 .has-error .form-checkbox .form-icon,
@@ -1314,7 +1314,7 @@ textarea.form-input.input-sm {
 .form-radio.is-error .form-icon,
 .has-error .form-switch .form-icon,
 .form-switch.is-error .form-icon {
-  border-color: #ff2f4b;
+  border-color: #fa4173;
 }
 
 .has-error .form-checkbox input:checked + .form-icon,
@@ -1323,8 +1323,8 @@ textarea.form-input.input-sm {
 .form-radio.is-error input:checked + .form-icon,
 .has-error .form-switch input:checked + .form-icon,
 .form-switch.is-error input:checked + .form-icon {
-  background: #ff2f4b;
-  border-color: #ff2f4b;
+  background: #fa4173;
+  border-color: #fa4173;
 }
 
 .has-error .form-checkbox input:focus + .form-icon,
@@ -1333,40 +1333,40 @@ textarea.form-input.input-sm {
 .form-radio.is-error input:focus + .form-icon,
 .has-error .form-switch input:focus + .form-icon,
 .form-switch.is-error input:focus + .form-icon {
-  border-color: #ff2f4b; 
-  box-shadow: 0 0 0 .1rem rgba(255, 47, 75, .2);
+  border-color: #fa4173; 
+  box-shadow: 0 0 0 .1rem rgba(250, 65, 115, .2);
 }
 
 .has-error .form-checkbox input:indeterminate + .form-icon,
 .form-checkbox.is-error input:indeterminate + .form-icon {
-  background: #ff2f4b;
-  border-color: #ff2f4b;
+  background: #fa4173;
+  border-color: #fa4173;
 }
 
 .form-input:not(:-ms-input-placeholder):invalid {
-  border-color: #ff2f4b;
+  border-color: #fa4173;
 }
 
 .form-input:not(:placeholder-shown):invalid {
-  border-color: #ff2f4b;
+  border-color: #fa4173;
 }
 
 .form-input:not(:-ms-input-placeholder):invalid:focus {
   background: white; 
-  box-shadow: 0 0 0 .1rem rgba(255, 47, 75, .2);
+  box-shadow: 0 0 0 .1rem rgba(250, 65, 115, .2);
 }
 
 .form-input:not(:placeholder-shown):invalid:focus {
   background: white; 
-  box-shadow: 0 0 0 .1rem rgba(255, 47, 75, .2);
+  box-shadow: 0 0 0 .1rem rgba(250, 65, 115, .2);
 }
 
 .form-input:not(:-ms-input-placeholder):invalid + .form-input-hint {
-  color: #ff2f4b;
+  color: #fa4173;
 }
 
 .form-input:not(:placeholder-shown):invalid + .form-input-hint {
-  color: #ff2f4b;
+  color: #fa4173;
 }
 
 .form-input:disabled,
@@ -1435,17 +1435,17 @@ input.disabled + .form-icon {
 }
 
 .label.label-success {
-  background: #32b643;
+  background: #24e48a;
   color: #000;
 }
 
 .label.label-warning {
-  background: #ffb700;
+  background: #ff0091;
   color: #000;
 }
 
 .label.label-error {
-  background: #ff2f4b;
+  background: #fa4173;
   color: #000;
 }
 
@@ -2198,15 +2198,15 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .avatar .avatar-presence.online {
-  background: #32b643;
+  background: #24e48a;
 }
 
 .avatar .avatar-presence.busy {
-  background: #ff2f4b;
+  background: #fa4173;
 }
 
 .avatar .avatar-presence.away {
-  background: #ffb700;
+  background: #ff0091;
 }
 
 .avatar[data-initial]::before {
@@ -3047,18 +3047,18 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .toast.toast-success {
-  background: rgba(50, 182, 67, .95);
-  border-color: #32b643;
+  background: rgba(36, 228, 138, .95);
+  border-color: #24e48a;
 }
 
 .toast.toast-warning {
-  background: rgba(255, 183, 0, .95);
-  border-color: #ffb700;
+  background: rgba(255, 0, 145, .95);
+  border-color: #ff0091;
 }
 
 .toast.toast-error {
-  background: rgba(255, 47, 75, .95);
-  border-color: #ff2f4b;
+  background: rgba(250, 65, 115, .95);
+  border-color: #fa4173;
 }
 
 .toast a {
@@ -3238,42 +3238,42 @@ a.text-dark:visited {
 }
 
 .text-success {
-  color: #32b643 !important;
+  color: #24e48a !important;
 }
 
 a.text-success:focus,
 a.text-success:hover {
-  color: #2da23c;
+  color: #1ad47d;
 }
 
 a.text-success:visited {
-  color: #39c94b;
+  color: #3be796;
 }
 
 .text-warning {
-  color: #ffb700 !important;
+  color: #ff0091 !important;
 }
 
 a.text-warning:focus,
 a.text-warning:hover {
-  color: #e6a500;
+  color: #e60083;
 }
 
 a.text-warning:visited {
-  color: #ffbe1a;
+  color: #ff1a9c;
 }
 
 .text-error {
-  color: #ff2f4b !important;
+  color: #fa4173 !important;
 }
 
 a.text-error:focus,
 a.text-error:hover {
-  color: #ff1635;
+  color: #f92861;
 }
 
 a.text-error:visited {
-  color: #ff4961;
+  color: #fb5a85;
 }
 
 .bg-primary {
@@ -3294,15 +3294,15 @@ a.text-error:visited {
 }
 
 .bg-success {
-  background: #32b643 !important;
+  background: #24e48a !important;
 }
 
 .bg-warning {
-  background: #ffb700 !important;
+  background: #ff0091 !important;
 }
 
 .bg-error {
-  background: #ff2f4b !important;
+  background: #fa4173 !important;
 }
 
 .c-hand {