Change some colors

Author: stvncode

home-assistant-connect-zwa-2/install-portable.html

@@ -24,8 +24,8 @@
         margin: 0;
         font-family:
           -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-        --color-indigo-600: #03a9f4;
-        --color-indigo-500: #0288d1;
+        --color-blue-600: #03a9f4;
+        --color-blue-500: #0288d1;
       }
       .installer-wrapper {
         max-width: 1200px;
@@ -48,7 +48,7 @@
       }
 
       warning-card::part(container) {
-        margin: -5px 20px 20px;
+        margin: 10px 20px 20px;
       }
 
       install-esphome-firmware .min-h-screen {

home-assistant-connect-zwa-2/install.html

@@ -24,8 +24,8 @@
         margin: 0;
         font-family:
           -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-        --color-indigo-600: #03a9f4;
-        --color-indigo-500: #0288d1;
+        --color-blue-600: #03a9f4;
+        --color-blue-500: #0288d1;
       }
 
       .installer-wrapper {
@@ -35,8 +35,7 @@
 
       .installer-card {
         background: var(--app-bg-card);
-        border-radius: 12px;
-        padding: 20px;
+        border-radius: 16px;
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
         margin: 20px 0;
       }
@@ -45,7 +44,7 @@
         width: 100%;
         border: none;
         min-height: 600px;
-        border-radius: 8px;
+        border-radius: 16px;
       }
 
       install-esp-bridge-firmware .min-h-screen {

home-assistant-connect-zwa-2/use-poe.html

@@ -23,8 +23,8 @@
         margin: 0;
         font-family:
           -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-        --color-indigo-600: #03a9f4;
-        --color-indigo-500: #0288d1;
+        --color-blue-600: #03a9f4;
+        --color-blue-500: #0288d1;
       }
       .installer-wrapper {
         max-width: 1200px;
@@ -47,7 +47,7 @@
       }
 
       warning-card::part(container) {
-        margin: -5px 20px 20px;
+        margin: 10px 20px 20px;
       }
 
       install-esphome-firmware .min-h-screen {

src/components/details.ts

@@ -16,7 +16,6 @@ export class DetailsPage extends LitElement {
       padding-top: 20px;
       font-family:
         -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      background: var(--app-bg-primary);
       color: var(--app-text-primary);
     }