feat: add paired Chrome bridge authentication

2026-08-19 21:23:03 +00:00
parent b503b5777a
commit b6df6f1a66
10 changed files with 968 additions and 182 deletions
@@ -0,0 +1,83 @@
+:root {
+  color-scheme: dark;
+  font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
+}
+
+body {
+  margin: 0;
+  background: #1e1e1e;
+  color: #e0e0e0;
+}
+
+.options-card {
+  max-width: 560px;
+  margin: 48px auto;
+  padding: 28px;
+  border: 1px solid #3c3c3c;
+  border-radius: 8px;
+  background: #252526;
+  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
+}
+
+h1 { margin-top: 0; color: #75afff; }
+h2 { margin-bottom: 6px; font-size: 16px; }
+p { line-height: 1.5; }
+
+label {
+  display: block;
+  margin-bottom: 6px;
+  font-weight: 600;
+}
+
+input {
+  box-sizing: border-box;
+  width: 100%;
+  margin-bottom: 12px;
+  padding: 11px;
+  border: 1px solid #555;
+  border-radius: 4px;
+  background: #1e1e1e;
+  color: #fff;
+  font: inherit;
+}
+
+input:focus {
+  border-color: #0e7afe;
+  outline: 2px solid rgba(14, 122, 254, 0.3);
+}
+
+button {
+  padding: 10px 16px;
+  border-radius: 4px;
+  color: #fff;
+  cursor: pointer;
+  font: inherit;
+  font-weight: 700;
+}
+
+.primary-btn { border: 0; background: #0e7afe; }
+.danger-btn { border: 1px solid #f44336; background: transparent; color: #ff7b72; }
+button:disabled { cursor: not-allowed; opacity: 0.45; }
+
+.status {
+  min-height: 20px;
+  margin-top: 14px;
+  font-weight: 600;
+}
+
+.status.success,
+.paired { color: #7bd67e; }
+.status.error,
+.unpaired { color: #ffc36d; }
+
+.paired-controls {
+  margin-top: 24px;
+  padding-top: 14px;
+  border-top: 1px solid #3c3c3c;
+}
+
+.privacy-note {
+  margin-top: 24px;
+  color: #aaa;
+  font-size: 12px;
+}