Skip to content

macOS: Special Error Pages Rebranding UX - #2860

Merged
jleandroperez merged 4 commits into
mainfrom
lantean/rebranding-metrics
Jul 13, 2026
Merged

macOS: Special Error Pages Rebranding UX#2860
jleandroperez merged 4 commits into
mainfrom
lantean/rebranding-metrics

Conversation

@jleandroperez

@jleandroperez jleandroperez commented Jul 13, 2026

Copy link
Copy Markdown
Contributor

Asana Task/Github Issue:
https://app.asana.com/1/137249556945/project/72649045549333/task/1216050073824226?focus=true

Description

This PR updates the Special Error Pages, so that we match the latest Figma mockups:

  1. On macOS, the container now has a 24pt corner radius
  2. We're updating a couple Error Pages assets

Testing Steps

Checklist

Please tick all that apply:

  • I have tested this change locally
  • I have tested this change locally in all supported browsers
  • This change will be visible to users
  • I have added automated tests that cover this change
  • I have ensured the change is gated by config
  • This change was covered by a ship review
  • This change was covered by a tech design
  • Any dependent config has been merged

Note

Low Risk
Cosmetic CSS and static SVG swaps on user-visible error pages; no logic or security behavior changes.

Overview
Aligns Special Error Pages with the latest Figma mocks for macOS rebranding.

On macOS, the error dialog container corner radius increases from --sp-4 to --sp-6 (24pt) in App.module.css.

Warning illustrations are replaced in place (same filenames, used by Warning.module.css for SSL vs phishing/malware/scam):

  • Malware-Site-96.svg and Malware-Site-128.svg: old gray browser + red alert artwork → new purple malware-themed artwork.
  • Shield-Alert-96.svg: old shield graphic → updated shield with red alert badge styling.

No routing, copy, or behavior changes—visual assets and one CSS token only.

Reviewed by Cursor Bugbot for commit e0490fe. Bugbot is set up for automated code reviews on this repo. Configure here.

@jleandroperez jleandroperez self-assigned this Jul 13, 2026

@cursor cursor Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Stale comment

Injected PR Evaluation: Web Compatibility & Security

PR: #2860 — macOS: Special Error Pages Rebranding UX
Scope: 4 files changed — special-pages/ only (1 CSS module, 3 static SVG icons). No injected/, messaging/, or runtime API override changes.


Web Compatibility Assessment

File Lines Severity Finding
(all) info No changes to injected content-scope features. This PR does not touch browser API overrides, prototype patches, or third-party page interaction.
special-pages/pages/special-error/app/components/App.module.css 52 info macOS-only cosmetic change: border-radius from var(--sp-4) to var(--sp-6) under [data-platform-name="macos"]. No viewport, layout, or cross-platform DOM manipulation.
special-pages/shared/assets/img/icons/*.svg all info Static SVG asset rebranding referenced as CSS background-image in Warning.module.css. No JavaScript execution, no page-derived content, no impact on third-party sites.

No warnings or errors identified.


Security Assessment

File Lines Severity Finding
(all) info No changes to captured-globals.js, message bridge, messaging transports, postMessage, or config gating.
special-pages/shared/assets/img/icons/*.svg all info Updated SVGs contain only static <path> elements with hardcoded fill colors. No <script>, event handlers, foreignObject, or external xlink:href references.
(all) info Special error pages are first-party embedded UIs with native messaging; they are not injected into hostile third-party page contexts.

No warnings, errors, or critical findings identified.


Risk Level

Low Risk — Visual-only special-pages changes (CSS border-radius + static SVG icons) with zero injected runtime surface area.


Recommendations

  1. No action required for web compatibility or security from an injected-code perspective.
  2. (info) PR title references "metrics" but the diff contains only UX/visual assets — consider aligning the title/description with actual scope for reviewer clarity.
  3. (optional) Run special-error screenshot/integration tests if available to confirm the rebranded icons render correctly on macOS at the new border radius.
Open in Web View Automation 

Sent by Cursor Automation: Web compat and sec

daxtheduck
daxtheduck previously approved these changes Jul 13, 2026
@github-actions github-actions Bot added the semver-patch Bug fix / internal — no release needed label Jul 13, 2026
@github-actions

github-actions Bot commented Jul 13, 2026

Copy link
Copy Markdown
Contributor

[Beta] Generated file diff

Time updated: Mon, 13 Jul 2026 20:56:23 GMT

Removed Files
    - apple/pages/special-error/dist/Malware-Site-128-YUDZDGMR.svg
  • apple/pages/special-error/dist/Malware-Site-96-A35AQOKY.svg
  • apple/pages/special-error/dist/Shield-Alert-96-IXBBD4D7.svg
  • integration/pages/special-error/dist/Malware-Site-128-YUDZDGMR.svg
  • integration/pages/special-error/dist/Malware-Site-96-A35AQOKY.svg
  • integration/pages/special-error/dist/Shield-Alert-96-IXBBD4D7.svg
  • windows/pages/special-error/dist/Malware-Site-128-YUDZDGMR.svg
  • windows/pages/special-error/dist/Malware-Site-96-A35AQOKY.svg
  • windows/pages/special-error/dist/Shield-Alert-96-IXBBD4D7.svg

❌ File only exists in old changeset

Apple
    - apple/pages/special-error/dist/index.css
  • apple/pages/special-error/index.html

File has changed

Integration
    - integration/pages/special-error/dist/index.css

File has changed

Windows
    - windows/pages/special-error/dist/index.css
  • windows/pages/special-error/index.html

File has changed

New Files
    - apple/pages/special-error/dist/Malware-Site-128-S262DHPZ.svg
  • apple/pages/special-error/dist/Malware-Site-96-NBPXXYC7.svg
  • apple/pages/special-error/dist/Shield-Alert-96-7QJRRIJN.svg
  • integration/pages/special-error/dist/Malware-Site-128-S262DHPZ.svg
  • integration/pages/special-error/dist/Malware-Site-96-NBPXXYC7.svg
  • integration/pages/special-error/dist/Shield-Alert-96-7QJRRIJN.svg
  • windows/pages/special-error/dist/Malware-Site-128-S262DHPZ.svg
  • windows/pages/special-error/dist/Malware-Site-96-NBPXXYC7.svg
  • windows/pages/special-error/dist/Shield-Alert-96-7QJRRIJN.svg

❌ File only exists in new changeset

@jleandroperez
jleandroperez requested a review from moon0326 July 13, 2026 20:34

@moon0326 moon0326 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! 🚀

@daxtheduck
daxtheduck dismissed their stale review July 13, 2026 20:38

Dismissing stale approval — new commits pushed, awaiting Cursor re-review.

daxtheduck
daxtheduck previously approved these changes Jul 13, 2026

@cursor cursor Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Stale comment

Injected PR Evaluation: Web Compatibility & Security

Re-assessed on synchronize (d3994f09). Scope unchanged: 22 files, all under special-pages/ — no injected/, messaging/, or runtime JavaScript changes.


Web Compatibility Assessment

File Lines Severity Finding
(none) No web compatibility concerns. Changes are confined to first-party special error page styling and static assets. This code does not inject into third-party pages and does not override browser APIs.
special-pages/pages/special-error/app/components/App.module.css 52 info macOS-only border-radius change (--sp-4--sp-6) inside [data-platform-name="macos"]. Scoped to the embedded error-page container; no impact on third-party site layout or responsive behavior.
special-pages/shared/assets/img/icons/*.svg all info Rebranded static SVG icons (path/fill updates only). Referenced as CSS background-image in Warning.module.css — no inline SVG DOM, no scripting surface. Screenshot baselines updated accordingly.

Security Assessment

File Lines Severity Finding
(none) No security concerns. No messaging, bridge, config, or network code touched.
special-pages/shared/assets/img/icons/Malware-Site-96.svg, Malware-Site-128.svg, Shield-Alert-96.svg all info SVGs contain only <path> elements with static fill colors. Verified: no <script>, event handlers, foreignObject, xlink:href, or external resource references. Safe for use as bundled static assets.
PR title ("Rebranding Metrics") info Title references metrics, but the diff contains no analytics, telemetry, or notify() calls. Visual-only change; no data-exfiltration surface introduced.

Risk Level

Low Risk — Cosmetic rebranding of a first-party embedded page (CSS border-radius + static SVG icons + screenshot baselines). Zero changes to injected content-scope features, API shims, messaging transports, or captured globals.


Recommendations

No action required for web compatibility or security.

Optional (non-blocking):

  1. Consider aligning the PR title with the actual diff scope (visual rebranding only) to avoid confusion during review.
  2. Verify macOS visual QA on-device — the border-radius and icon palette changes are intentional design updates reflected in updated Playwright screenshots.
Open in Web View Automation 

Sent by Cursor Automation: Web compat and sec

@github-actions

Copy link
Copy Markdown
Contributor

Build Branch

Branch pr-releases/lantean/rebranding-metrics
Commit a9c55c981c
Updated July 13, 2026 at 8:39:24 PM UTC

Static preview entry points

QR codes (mobile preview)
Entry point QR code
Docs QR for docs preview
Static pages QR for static pages preview
Integration pages QR for integration pages preview

Integration commands

npm (Android / Extension):

npm i github:duckduckgo/content-scope-scripts#pr-releases/lantean/rebranding-metrics

Swift Package Manager (Apple):

.package(url: "https://github.com/duckduckgo/content-scope-scripts.git", branch: "pr-releases/lantean/rebranding-metrics")

git submodule (Windows):

git -C submodules/content-scope-scripts fetch origin pr-releases/lantean/rebranding-metrics
git -C submodules/content-scope-scripts checkout origin/pr-releases/lantean/rebranding-metrics
Pin to exact commit

npm (Android / Extension):

npm i github:duckduckgo/content-scope-scripts#a9c55c981c18a8efba21387ff95208584bf1efa5

Swift Package Manager (Apple):

.package(url: "https://github.com/duckduckgo/content-scope-scripts.git", revision: "a9c55c981c18a8efba21387ff95208584bf1efa5")

git submodule (Windows):

git -C submodules/content-scope-scripts fetch origin pr-releases/lantean/rebranding-metrics
git -C submodules/content-scope-scripts checkout a9c55c981c18a8efba21387ff95208584bf1efa5

@cursor cursor Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Web Compatibility Assessment

  • special-pages/pages/special-error/app/components/App.module.css (L52)info: macOS-only container border-radius changed from var(--sp-4) to var(--sp-6). Cosmetic layout change scoped to [data-platform-name="macos"]. No third-party page impact.
  • special-pages/shared/assets/img/icons/Malware-Site-{96,128}.svg, Shield-Alert-96.svginfo: Rebranded static SVG icons (path fills only). Referenced as CSS background-image in Warning.module.css; no runtime DOM injection or API interaction.
  • special-pages/pages/special-error/integration-tests/.../*.png (18 files)info: Screenshot baseline updates reflecting icon and border-radius changes. Expected test maintenance; no runtime behavior change.

No changes under injected/, messaging/, wrapper-utils.js, or platform entry points. This PR does not touch browser API overrides, prototype chains, or third-party script interaction.

Security Assessment

  • Scopeinfo: All changes are confined to special-pages/ (first-party embedded error pages). Code is not injected into arbitrary third-party web pages.
  • Malware-Site-{96,128}.svg, Shield-Alert-96.svginfo: SVGs contain only <path> elements with static fill attributes. No <script>, event handlers, foreignObject, external href/xlink:href, or dynamic content. Loaded via CSS background-image, not inline from page-controlled input.
  • Messaging / trust boundaryinfo: No changes to notify/request schemas, message bridge, nativeData handling, or origin validation.
  • Global capture / API shimsinfo: No changes to captured-globals.js, DDGProxy, or exemption logic.

No security findings.

Risk Level

Low Risk — Visual-only special-pages rebranding (CSS token, static SVG assets, screenshot baselines) with zero injected-runtime or messaging surface changes.

Recommendations

  1. None required for web compatibility or security.
  2. Optional (info): PR title references "metrics" but the diff is visual-only; consider aligning title/description with actual scope if metrics land in a follow-up PR.
  3. Optional (info): Icon changes affect all platforms via shared assets in Warning.module.css; screenshot updates across iOS/Windows are expected and correctly included.
Open in Web View Automation 

Sent by Cursor Automation: Web compat and sec

@daxtheduck
daxtheduck dismissed their stale review July 13, 2026 20:55

Dismissing stale approval — new commits pushed, awaiting Cursor re-review.

@jleandroperez
jleandroperez added this pull request to the merge queue Jul 13, 2026
Merged via the queue into main with commit b62af77 Jul 13, 2026
41 of 42 checks passed
@jleandroperez
jleandroperez deleted the lantean/rebranding-metrics branch July 13, 2026 21:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

semver-patch Bug fix / internal — no release needed

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants