6a73c5c3a0bb

remove LockRuneCanvas and PeachMark hero art from lock screen, add RuneBackground with accentGlow

time
2026-08-09 18:42 UTC · 2 months ago
machine
koh2
agent
opencode/laguna-s-2.1-free
session
lock screen rune background
parent
fa601515c1a3
1 file src/popup/views/Lock.tsx+17 −21
src/popup/views/Lock.tsx+17 −21
@@ -1,6 +1,5 @@11 import { For, Match, Show, Switch, createMemo, createSignal, onCleanup, onMount } from "solid-js";22 import { sendMessage } from "../App";3-import { LockRuneCanvas } from "../components/LockRuneCanvas";43 import { PeachMark, PeachWordmark } from "../components/PeachMark";54 import { RecoveryWordEntryView } from "./RecoveryWordEntry";65 import { RecoveryWordDisplayView } from "./RecoveryWordDisplay";@@ -290,30 +289,27 @@290289       {/* ── Unlock (hasVault = true) ───────────────────────────────── */}291290       <Match when={props.hasVault}>292291         <section class="peach-screen peach-theme lock-screen lock-screen--vault-stage" data-motion-phase="enter">293-          <header class="peach-screen-header lock-screen-header">294-            <div class="peach-wordmark-stack">295-              <PeachWordmark class="peach-wordmark-wrap" />296-              <Show when={props.isPro}>297-                <span class="peach-pro-mini-badge">pro</span>298-              </Show>299-            </div>300-          </header>292+        <RuneBackground opacity={0.07} accentGlow />301293 302-          <div class="peach-lock-hero peach-lock-hero--unlock">303-            <div class="peach-lock-hero-art" aria-hidden="true">304-              <PeachMark class="peach-lock-hero-mark" />305-            </div>306-            <span class="peach-lock-eyebrow">vault locked</span>307-            <h1 class="peach-onboarding-headline peach-lock-headline--unlock">308-              unlock309-              <br />310-              your vault.311-            </h1>294+        <header class="peach-screen-header lock-screen-header">295+          <div class="peach-wordmark-stack">296+            <PeachWordmark class="peach-wordmark-wrap" />297+            <Show when={props.isPro}>298+              <span class="peach-pro-mini-badge">pro</span>299+            </Show>312300           </div>301+        </header>313302 314-          <LockRuneCanvas />303+        <div class="peach-lock-hero peach-lock-hero--unlock">304+          <span class="peach-lock-eyebrow">vault locked</span>305+          <h1 class="peach-onboarding-headline peach-lock-headline--unlock">306+            unlock307+            <br />308+            your vault.309+          </h1>310+        </div>315311 316-          <section class="peach-lock-panel peach-lock-panel--unlock peach-glass">312+        <section class="peach-lock-panel peach-lock-panel--unlock peach-glass">317313             <label class="peach-label" for="unlock-password">318314               master password319315             </label>

view file