Update button css

Author: rossta

app/javascript/css/components/button.css

@@ -1,5 +1,4 @@
 .button {
-  border: 1px solid var(--joy-border-subtle);
   border-radius: 0.375rem;
   padding: 0.75rem;
   display: inline-flex;
@@ -24,7 +23,6 @@
     display: none;
   }
   &.primary {
-    border: 1px solid var(--joy-button-primary);
     background-color: var(--joy-button-primary);
 
     &:hover {
@@ -84,3 +82,7 @@
     width: 24px;
   }
 }
+
+.dark .button.secondary {
+  color: var(--joy-dark);
+}

app/javascript/css/config/theme.css

@@ -55,12 +55,12 @@
   --joy-button-primary: var(--joy-color-600);
   --joy-button-primary-hover: var(--joy-color-700);
   --joy-button-primary-active: var(--joy-color-800);
-  --joy-button-secondary: var(--joy-light);
-  --joy-button-secondary-hover: var(--joy-color-50);
-  --joy-button-secondary-active: var(--joy-color-100);
-  --joy-button-tertiary: var(--color-slate-400);
-  --joy-button-tertiary-hover: var(--color-slate-500);
-  --joy-button-tertiary-active: var(--color-slate-600);
+  --joy-button-secondary: var(--joy-color-200);
+  --joy-button-secondary-hover: var(--joy-color-300);
+  --joy-button-secondary-active: var(--joy-color-400);
+  --joy-button-tertiary: var(--color-slate-500);
+  --joy-button-tertiary-hover: var(--color-slate-600);
+  --joy-button-tertiary-active: var(--color-slate-700);
   --joy-button-warn: var(--color-red-500);
   --joy-button-warn-hover: var(--color-red-400);
 }
@@ -89,7 +89,4 @@
   --joy-link-visited: var(--joy-link-3);
   --joy-link-decoration: var(--joy-link-8);
   --joy-link-active: var(--joy-link-5);
-  --joy-button-primary: var(--joy-color-600);
-  --joy-button-secondary: var(--color-slate-500);
-  --joy-button-warn: var(--color-red-500);
 }