diff --git a/extension/src/popup/components/__tests__/fields.test.ts b/extension/src/popup/components/__tests__/fields.test.ts index f6cf0ab..ed23d46 100644 --- a/extension/src/popup/components/__tests__/fields.test.ts +++ b/extension/src/popup/components/__tests__/fields.test.ts @@ -67,9 +67,9 @@ describe('renderConcealedRow', () => { }); describe('renderSignatureBlock', () => { - it('default accent is blue', () => { + it('default accent is gold', () => { const html = renderSignatureBlock({ children: '

hi

' }); - expect(html).toContain('sig-block--blue'); + expect(html).toContain('sig-block--gold'); expect(html).toContain('

hi

'); }); diff --git a/extension/src/popup/components/fields.ts b/extension/src/popup/components/fields.ts index a7be540..b04af27 100644 --- a/extension/src/popup/components/fields.ts +++ b/extension/src/popup/components/fields.ts @@ -70,14 +70,14 @@ export function renderConcealedRow(opts: ConcealedRowOpts): string { } export interface SignatureBlockOpts { - accent?: 'blue' | 'green' | 'amber' | 'red'; + accent?: 'gold' | 'green' | 'amber' | 'red'; children: string; } /// Container for the type-specific signature panel. `children` is HTML /// the caller has already produced (and escaped where needed). export function renderSignatureBlock(opts: SignatureBlockOpts): string { - const accent = opts.accent ?? 'blue'; + const accent = opts.accent ?? 'gold'; return `
${opts.children}
`; diff --git a/extension/src/popup/components/types/card.ts b/extension/src/popup/components/types/card.ts index ce5e1fb..531ccce 100644 --- a/extension/src/popup/components/types/card.ts +++ b/extension/src/popup/components/types/card.ts @@ -78,7 +78,7 @@ export async function renderDetail(app: HTMLElement, item: Item): Promise
${escapeHtml(item.title)}
- ${renderSignatureBlock({ accent: 'blue', children: sigInner })} + ${renderSignatureBlock({ accent: 'gold', children: sigInner })}
${c.cvv ? renderConcealedRow({ id: 'card-cvv', label: 'cvv', value: c.cvv, monospace: true }) : ''} ${c.pin ? renderConcealedRow({ id: 'card-pin', label: 'pin', value: c.pin, monospace: true }) : ''} diff --git a/extension/src/popup/components/types/login.ts b/extension/src/popup/components/types/login.ts index c891c64..274c3d1 100644 --- a/extension/src/popup/components/types/login.ts +++ b/extension/src/popup/components/types/login.ts @@ -54,7 +54,7 @@ export async function renderDetail(app: HTMLElement, item: Item): Promise app.innerHTML = `
- ${renderSignatureBlock({ accent: 'blue', children: sigInner })} + ${renderSignatureBlock({ accent: 'gold', children: sigInner })}
${username ? renderRow({ label: 'username', value: username, copyable: true }) : ''} ${renderConcealedRow({ id: 'login-password', label: 'password', value: password })} diff --git a/extension/src/popup/components/types/totp.ts b/extension/src/popup/components/types/totp.ts index a925cb2..d0d04e8 100644 --- a/extension/src/popup/components/types/totp.ts +++ b/extension/src/popup/components/types/totp.ts @@ -80,7 +80,7 @@ export async function renderDetail(app: HTMLElement, item: Item): Promise
${escapeHtml(item.title)}
- ${renderSignatureBlock({ accent: 'blue', children: sigInner })} + ${renderSignatureBlock({ accent: 'gold', children: sigInner })}
${c.issuer ? renderRow({ label: 'issuer', value: c.issuer }) : ''} ${c.label ? renderRow({ label: 'label', value: c.label }) : ''} diff --git a/extension/src/popup/styles.css b/extension/src/popup/styles.css index d43b5e2..69d8d25 100644 --- a/extension/src/popup/styles.css +++ b/extension/src/popup/styles.css @@ -504,7 +504,7 @@ textarea { padding: 14px; margin-bottom: 10px; } -.sig-block--blue { border-left-color: #7c5719; } +.sig-block--gold { border-left-color: #7c5719; } .sig-block--green { border-left-color: #3fb950; } .sig-block--amber { border-left-color: #d29922; } .sig-block--red { border-left-color: #ab2b20; }