tailwind: updates color values

pkgs/webview-ui/app/src/routes/machines/details.tsx

@@ -667,14 +667,16 @@ const MachineForm = (props: MachineDetailsProps) => {
               </div>
             </Fieldset>
 
-            <footer class="flex justify-end gap-y-3 border-t border-secondary-200 pt-5">
+            {
-              <Button
+              <footer class="flex justify-end gap-y-3 border-t border-secondary-200 pt-5">
-                type="submit"
+                <Button
-                disabled={formStore.submitting || !formStore.dirty}
+                  type="submit"
-              >
+                  disabled={formStore.submitting || !formStore.dirty}
-                Update Edits
+                >
-              </Button>
+                  Update edits
-            </footer>
+                </Button>
+              </footer>
+            }
           </Form>
         </div>
       </div>

pkgs/webview-ui/app/tailwind/core-plugin.ts

@@ -240,17 +240,17 @@ export default plugin.withOptions(
             950: toRGB("#162324"),
           },
           secondary: {
-            50: toRGB("#f7f9f9"),
+            50: toRGB("#F7F9FA"),
-            100: toRGB("#e7f2f4"),
+            100: toRGB("#E7F2F4"),
-            200: toRGB("#d7e8ea"),
+            200: toRGB("#D8E8EB"),
-            300: toRGB("#afc6ca"),
+            300: toRGB("#AFC6CA"),
-            400: toRGB("#8fb2b6"),
+            400: toRGB("#90B2B7"),
-            500: toRGB("#7b9a9e"),
+            500: toRGB("#7B9B9F"),
-            600: toRGB("#4f747a"),
+            600: toRGB("#4F747A"),
-            700: toRGB("#415e63"),
+            700: toRGB("#415E63"),
-            800: toRGB("#445f64"),
+            800: toRGB("#446065"),
-            900: toRGB("#2b4347"),
+            900: toRGB("#2C4347"),
-            950: toRGB("#0d1415"),
+            950: toRGB("#0D1416"),
           },
           info: {
             50: toRGB("#eff9ff"),