fix css for sync

extension/dashboard/dashboard.css

@@ -1107,14 +1107,6 @@
       font-size: 13px;
       color: var(--text3);
     }
-    .sync-device-card.sync-device-card--named:not(.sync-device-card--editing) {
-      border-color: color-mix(in srgb, var(--cyan) 24%, var(--border));
-      background: linear-gradient(
-        145deg,
-        color-mix(in srgb, var(--cyan) 7%, var(--card)) 0%,
-        var(--card) 52%
-      );
-    }
     .sync-device-hero {
       display: flex;
       align-items: flex-start;
@@ -1123,8 +1115,8 @@
       margin-bottom: 14px;
       padding: 14px 16px;
       border-radius: var(--radius);
-      border: 1px solid color-mix(in srgb, var(--cyan) 18%, var(--border));
-      background: color-mix(in srgb, var(--cyan) 5%, var(--elevated));
+      border: 1px solid var(--border);
+      background: var(--elevated);
     }
     .sync-device-hero__main {
       min-width: 0;