@parley-im/parley 0.2.7 → 0.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parley-im/parley",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "Send someone a link. They talk to a read-only Claude or Codex in your project, on your computer, and you get everything they said.",
   "keywords": [
     "claude",

package/web/app.css

@@ -1,6 +1,6 @@
 /* parley: one stylesheet for the guest chat, your session view, your
-   control panel and parley's site. Deep, murky ocean green on paper, for the
-   people who use Claude Code and Codex: Instrument Sans for everything
+   control panel and parley's site. Near black, with deep, murky ocean green
+   for accents, for the people who use Claude Code and Codex: Instrument Sans for everything
    people read, JetBrains Mono for the wordmark, labels, files and numbers.
    The agent's words are marked with a dot, as in Claude Code, and while it
    writes, P goes by in Morse. The fonts are served from here, never from a
@@ -11,55 +11,30 @@
 @font-face { font-family: "JetBrains Mono"; src: url("/static/fonts/jetbrains-mono.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; }
 
 :root {
-  --bg: #f2f4f1; /* paper, a little sea-washed */
-  --panel: #ffffff;
-  --subtle: #eaeeea;
-  --hover: #e1e7e3;
-  --line: #dde4e0;
-  --line-strong: #c6d0cb;
-  --text: #0f1d1a; /* abyss */
-  --muted: #55645e;
-  --faint: #8c9893;
-  --accent: #22574c; /* deep murky green, for links and marks */
-  --accent-fill: #22574c; /* buttons */
-  --accent-soft: #e1eae5;
+  --bg: #070a09; /* near black, the deep */
+  --panel: #0d1311;
+  --subtle: #121a17;
+  --hover: #18221e;
+  --line: #1a2420;
+  --line-strong: #2a3833;
+  --text: #e6ece9;
+  --muted: #95a39d;
+  --faint: #5d6b65;
+  --accent: #6db39c; /* sea glass, for links and small marks */
+  --accent-fill: #1f5c50; /* deep ocean green, for buttons and fills */
+  --accent-soft: #11241f;
   --accent-ink: #ffffff;
-  --tile: #22574c; /* the mark's tile */
-  --guest: #e1eae5; /* your own messages */
-  --guest-ink: #183a32;
-  --ok: #2f7d5b;
-  --warn: #a8741c;
-  --danger: #c4383a;
-  --shadow: 0 1px 2px rgba(15, 29, 26, 0.05), 0 12px 32px -16px rgba(15, 29, 26, 0.24);
+  --tile: #1f5c50; /* the mark's tile */
+  --guest: #12302a; /* your own messages */
+  --guest-ink: #d5e7e0;
+  --ok: #4fb88a;
+  --warn: #d9a24a;
+  --danger: #f2615d;
+  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 12px 32px -16px rgba(0, 0, 0, 0.8);
   --sans: "Instrument Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   --display: var(--sans);
   --mono: "JetBrains Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
-  color-scheme: light;
-}
-@media (prefers-color-scheme: dark) {
-  :root:not([data-theme="light"]) {
-    --bg: #0b1513; /* the deep */
-    --panel: #111c19;
-    --subtle: #16231f;
-    --hover: #1d2b27;
-    --line: #1f2d29;
-    --line-strong: #30423c;
-    --text: #e3ebe7;
-    --muted: #9baea6;
-    --faint: #62726b;
-    --accent: #86c2ae; /* sea glass, through murky water */
-    --accent-fill: #2e6c5f;
-    --accent-soft: #19302a;
-    --accent-ink: #ffffff;
-    --tile: #2e6c5f;
-    --guest: #1b2e28;
-    --guest-ink: #dbe9e3;
-    --ok: #5fc296;
-    --warn: #dba54a;
-    --danger: #ff6f6b;
-    --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 12px 32px -16px rgba(0, 0, 0, 0.7);
-    color-scheme: dark;
-  }
+  color-scheme: dark;
 }
 
 * { box-sizing: border-box; }
@@ -123,7 +98,7 @@ code, kbd, pre { font-family: var(--mono); }
 .btn:hover { background: var(--subtle); }
 .btn:disabled { opacity: 0.5; cursor: default; }
 .btn.primary { background: var(--accent-fill); color: var(--accent-ink); border-color: var(--accent-fill); }
-.btn.primary:hover { opacity: 0.88; }
+.btn.primary:hover { filter: brightness(1.18); }
 .btn.danger { color: var(--danger); }
 .btn.confirm { background: var(--danger); color: #fff; border-color: var(--danger); }
 .btn.ghost { border-color: transparent; background: transparent; color: var(--muted); }
@@ -291,7 +266,7 @@ textarea::placeholder { color: var(--faint); }
 .icon-btn:hover { background: var(--subtle); color: var(--text); }
 .icon-btn svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
 .send { background: var(--accent-fill); color: var(--accent-ink); border-radius: 11px; }
-.send:hover { background: var(--accent-fill); color: var(--accent-ink); opacity: 0.9; }
+.send:hover { background: var(--accent-fill); color: var(--accent-ink); filter: brightness(1.18); }
 .send:disabled { background: var(--subtle); color: var(--faint); cursor: default; opacity: 1; }
 .attachments { display: flex; gap: 8px; padding: 10px 10px 0; flex-wrap: wrap; }
 .thumb { position: relative; }

package/web/chat.html

@@ -5,8 +5,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content">
 <meta name="robots" content="noindex, nofollow">
 <meta name="referrer" content="no-referrer">
-<meta name="theme-color" content="#0b1513" media="(prefers-color-scheme: dark)">
-<meta name="theme-color" content="#f2f4f1" media="(prefers-color-scheme: light)">
+<meta name="theme-color" content="#070a09">
 <meta property="og:title" content="{{PREVIEW_TITLE}}">
 <meta property="og:description" content="{{PREVIEW_TEXT}}">
 <meta property="og:site_name" content="parley">

package/web/ended.html

@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="theme-color" content="#070a09">
 <meta name="robots" content="noindex, nofollow">
 <title>This parley has ended</title>
 <link rel="icon" href="/static/icon.svg?v=5" type="image/svg+xml">

package/web/missing.html

@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="theme-color" content="#070a09">
 <meta name="robots" content="noindex, nofollow">
 <title>Link not found</title>
 <link rel="icon" href="/static/icon.svg?v=5" type="image/svg+xml">

package/web/panel.html

@@ -3,6 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="theme-color" content="#070a09">
 <title>Control panel · parley</title>
 <link rel="icon" href="/static/icon.svg?v=5" type="image/svg+xml">
 <link rel="stylesheet" href="/static/app.css">