diff --git a/packages/stacks-classic/lib/components/user-card/user-card.a11y.test.ts b/packages/stacks-classic/lib/components/user-card/user-card.a11y.test.ts
new file mode 100644
index 0000000000..f737ffc327
--- /dev/null
+++ b/packages/stacks-classic/lib/components/user-card/user-card.a11y.test.ts
@@ -0,0 +1,206 @@
+import {
+ IconAchievementsSm,
+ IconStarVerifiedSm,
+} from "@stackoverflow/stacks-icons-legacy/icons";
+import { runA11yTests } from "../../test/a11y-test-utils";
+import "../../index";
+
+const avatarDisgusted24Svg = ``;
+const avatarImageSrc = `data:image/svg+xml,${encodeURIComponent(avatarDisgusted24Svg)}`;
+
+const repList = `
+
+ -
+
+ reputation bling
+
+ 1350
+
+ -
+
+ gold bling
+
+ 8
+
+ -
+
+ silver bling
+
+ 12
+
+ -
+
+ bronze bling
+
+ 4
+
+
`;
+
+const timeLink = (title = "2026-01-09 12:15:39Z") =>
+ `
+
+ `;
+
+const deletedAvatarSvg = ``;
+
+const getChild = (child?: string): string => {
+ const groupWithAvatar = `
+
+
+
+
+ SofiaAlc
+ `;
+ const groupWithAvatarSm = `
+
+
+
+
+ SofiaAlc
+ `;
+
+ switch (child) {
+ case "base":
+ return `${groupWithAvatar}${repList}${timeLink()}`;
+
+ case "small":
+ return `${groupWithAvatarSm}
+ ${repList}${timeLink()}`;
+
+ case "with-badges":
+ return `${groupWithAvatar}
+
+ Mod
+
+ ${repList}${timeLink()}`;
+
+ case "original-poster":
+ return `
+
+
+
+
+ SofiaAlc
+
+ ${repList}${timeLink("Show activity on this post")}`;
+
+ case "new-contributor":
+ return `${groupWithAvatar}
+
+ New
+
+ ${repList}${timeLink("Show activity on this post")}`;
+
+ case "deleted":
+ return `
+
+ ${deletedAvatarSvg}
+ SofiaAlc
+
+ ${timeLink("Show activity on this post")}`;
+
+ case "large":
+ return `
+
+
+
+
+ - Senior Product Designer
+ - Vancouver, Canada
+
+
Developer who believes in clean code, clear coffee, and the occasional snake pun.
+
`;
+
+ case "recognized-member":
+ return `
+ `;
+
+ case "recognized-member-sm":
+ return `${groupWithAvatarSm}
+
+ ${IconStarVerifiedSm}
+
+
+ Mod
+
+ ${repList}${timeLink()}`;
+
+ case "awarded":
+ return `${groupWithAvatar}
+
+ ${IconAchievementsSm}
+
+
+ Mod
+
+ ${repList}${timeLink()}`;
+
+ default:
+ return `${groupWithAvatar}${repList}${timeLink()}`;
+ }
+};
+
+describe("user-card", () => {
+ runA11yTests({
+ baseClass: "s-user-card",
+ variants: ["sm", "lg", "deleted"],
+ children: {
+ "base": getChild("base"),
+ "small": getChild("small"),
+ "with-badges": getChild("with-badges"),
+ "original-poster": getChild("original-poster"),
+ "new-contributor": getChild("new-contributor"),
+ "deleted": getChild("deleted"),
+ "large": getChild("large"),
+ "recognized-member": getChild("recognized-member"),
+ "recognized-member-sm": getChild("recognized-member-sm"),
+ "awarded": getChild("awarded"),
+ },
+ excludedTestids: [
+ /^s-user-card-(?=.*-large$)(?!.*-lg-).*$/, // large child only with lg variant
+ /^s-user-card-(?=.*-small$)(?!.*-sm-).*$/, // small child only with sm variant
+ /^s-user-card-.+-lg-(?!large$).+$/, // lg variant only with large child
+ /^s-user-card-.+-sm-(?!small$).+$/, // sm variant only with small child
+ /^s-user-card-.+-sm-recognized-member$/, // recognized-member only with default (not sm)
+ /^s-user-card-(?!.*-sm-).*-recognized-member-sm$/, // recognized-member-sm only with sm variant
+ /^s-user-card-(?!.*-deleted-).*-deleted$/, // deleted child only with deleted variant
+ /^s-user-card-.+-deleted-(?!deleted$).+$/, // deleted variant only with deleted child
+ ],
+ });
+});
diff --git a/packages/stacks-classic/lib/components/user-card/user-card.visual.test.ts b/packages/stacks-classic/lib/components/user-card/user-card.visual.test.ts
new file mode 100644
index 0000000000..470c71491e
--- /dev/null
+++ b/packages/stacks-classic/lib/components/user-card/user-card.visual.test.ts
@@ -0,0 +1,215 @@
+import { html } from "@open-wc/testing";
+import {
+ IconAchievementsSm,
+ IconStarVerifiedSm,
+} from "@stackoverflow/stacks-icons-legacy/icons";
+import { runVisualTests } from "../../test/visual-test-utils";
+import "../../index";
+
+const avatarDisgusted24Svg = ``;
+const avatarImageSrc = `data:image/svg+xml,${encodeURIComponent(avatarDisgusted24Svg)}`;
+
+const repList = `
+
+ -
+
+ reputation bling
+
+ 1350
+
+ -
+
+ gold bling
+
+ 8
+
+ -
+
+ silver bling
+
+ 12
+
+ -
+
+ bronze bling
+
+ 4
+
+
`;
+
+const timeLink = (title = "2026-01-09 12:15:39Z") =>
+ `
+
+ `;
+
+const deletedAvatarSvg = ``;
+
+const getChild = (child?: string): string => {
+ const groupWithAvatar = `
+
+
+
+
+ SofiaAlc
+ `;
+ const groupWithAvatarSm = `
+
+
+
+
+ SofiaAlc
+ `;
+
+ switch (child) {
+ case "base":
+ return `${groupWithAvatar}${repList}${timeLink()}`;
+
+ case "small":
+ return `${groupWithAvatarSm}
+ ${repList}${timeLink()}`;
+
+ case "with-badges":
+ return `${groupWithAvatar}
+
+ Mod
+
+ ${repList}${timeLink()}`;
+
+ case "original-poster":
+ return `
+
+
+
+
+ SofiaAlc
+
+ ${repList}${timeLink("Show activity on this post")}`;
+
+ case "new-contributor":
+ return `${groupWithAvatar}
+
+ New
+
+ ${repList}${timeLink("Show activity on this post")}`;
+
+ case "deleted":
+ return `
+
+ ${deletedAvatarSvg}
+ SofiaAlc
+
+ ${timeLink("Show activity on this post")}`;
+
+ case "large":
+ return `
+
+
+
+
+ - Senior Product Designer
+ - Vancouver, Canada
+
+
Developer who believes in clean code, clear coffee, and the occasional snake pun.
+
`;
+
+ case "recognized-member":
+ return `
+ `;
+
+ case "recognized-member-sm":
+ return `${groupWithAvatarSm}
+
+ ${IconStarVerifiedSm}
+
+
+ Mod
+
+ ${repList}${timeLink()}`;
+
+ case "awarded":
+ return `${groupWithAvatar}
+
+ ${IconAchievementsSm}
+
+
+ Mod
+
+ ${repList}${timeLink()}`;
+
+ default:
+ return `${groupWithAvatar}${repList}${timeLink()}`;
+ }
+};
+
+describe("user-card", () => {
+ runVisualTests({
+ baseClass: "s-user-card",
+ variants: ["sm", "lg", "deleted"],
+ children: {
+ "base": getChild("base"),
+ "small": getChild("small"),
+ "with-badges": getChild("with-badges"),
+ "original-poster": getChild("original-poster"),
+ "new-contributor": getChild("new-contributor"),
+ "deleted": getChild("deleted"),
+ "large": getChild("large"),
+ "recognized-member": getChild("recognized-member"),
+ "recognized-member-sm": getChild("recognized-member-sm"),
+ "awarded": getChild("awarded"),
+ },
+ excludedTestids: [
+ /^s-user-card-(?=.*-large$)(?!.*-lg-).*$/, // large child only with lg variant
+ /^s-user-card-(?=.*-small$)(?!.*-sm-).*$/, // small child only with sm variant
+ /^s-user-card-.+-lg-(?!large$).+$/, // lg variant only with large child
+ /^s-user-card-.+-sm-(?!small$).+$/, // sm variant only with small child
+ /^s-user-card-.+-sm-recognized-member$/, // recognized-member only with default (not sm)
+ /^s-user-card-(?!.*-sm-).*-recognized-member-sm$/, // recognized-member-sm only with sm variant
+ /^s-user-card-(?!.*-deleted-).*-deleted$/, // deleted child only with deleted variant
+ /^s-user-card-.+-deleted-(?!deleted$).+$/, // deleted variant only with deleted child
+ ],
+ template: ({ component, testid }) => html`
+
+ ${component}
+
+ `,
+ });
+});
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-awarded.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-awarded.ico
new file mode 100644
index 0000000000..c7b6a0e85d
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-awarded.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bf9e3a1aedf7c98b31d69d39e68d6fc2cd5db38a93325b2b31e8b24ae19dcff6
+size 5684
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-base.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-base.ico
new file mode 100644
index 0000000000..b8b90f7f2b
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-base.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:611dd9a1e71d49cf6e17e9ffd3d20e9d3b8d207c0f923140b165551d2f1ff3b8
+size 4695
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-deleted-deleted.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-deleted-deleted.ico
new file mode 100644
index 0000000000..a18d3dd504
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-deleted-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a6c9c793dbdde41f05298d4e020fa58ac06ac521fb1f3dfa0b569154454f57a4
+size 3478
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-lg-large.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-lg-large.ico
new file mode 100644
index 0000000000..117a977f6d
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-lg-large.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4f6a4b0ea4ca35b66a2ab94402cd3f968ba653dcae7ea22c1a3457c7927c7176
+size 15033
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-new-contributor.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-new-contributor.ico
new file mode 100644
index 0000000000..4e2a9f7803
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-new-contributor.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:50a3c124b3521fde4f7d49e646c0f9cb18ba82523e7ca81e225d1d68a1f29afd
+size 5655
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-original-poster.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-original-poster.ico
new file mode 100644
index 0000000000..eda62b343e
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-original-poster.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1753d44b42ca70e2988a6cbfd45848aa6e95f21ae5544d05ba6717f44e0c2af4
+size 4899
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-recognized-member.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-recognized-member.ico
new file mode 100644
index 0000000000..b53e48e047
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-recognized-member.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:588789113a4066b656c6f882a9da75fe1a5e73d736da5eb2529e5a64f3bf44f3
+size 7808
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-sm-small.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-sm-small.ico
new file mode 100644
index 0000000000..91f8778477
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-sm-small.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4c5d69b7051bd690abcc9d8aefb5e264390533b4079f702604afed9f8a8f1b12
+size 4576
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-with-badges.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-with-badges.ico
new file mode 100644
index 0000000000..da7055e280
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-dark-with-badges.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1aba90260cb87dbaaa0fc500e24ee3baef8bea468cf0f3f7032f2ac73823ce23
+size 5403
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-awarded.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-awarded.ico
new file mode 100644
index 0000000000..2a7d3e16c4
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-awarded.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0f27a4317bd36e50d8c09d7fefd926b13604a567359238e28dc2b88f5b1040b7
+size 5659
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-base.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-base.ico
new file mode 100644
index 0000000000..1c6be4c730
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-base.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7fd0c40dcf83ef7af1905213909c6ec27ae2fc59deb3ce56094dcf20a1fcc2e7
+size 4750
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-deleted-deleted.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-deleted-deleted.ico
new file mode 100644
index 0000000000..f50c6cfa1c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-deleted-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fa6908764096f47c672e4667c5ce18e54dc0a7c9094fa7999d2eb36fc0df9b79
+size 3511
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-lg-large.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-lg-large.ico
new file mode 100644
index 0000000000..eee32c136d
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-lg-large.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b5c119fdb53415092897434cebb45a5db00902360a201390d5948d11f721ba17
+size 15141
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-new-contributor.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-new-contributor.ico
new file mode 100644
index 0000000000..b0199ff0a4
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-new-contributor.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:59edb406b717f1a55d7710af708f5db306bb45ef27baf5c92f1099754e76ec17
+size 5685
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-original-poster.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-original-poster.ico
new file mode 100644
index 0000000000..27e34035fd
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-original-poster.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cf9b187b64065bb6861f61a5434a70a05ad556e3f2022d99765602a0ea23b5a8
+size 4968
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-recognized-member.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-recognized-member.ico
new file mode 100644
index 0000000000..3c5746a898
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-recognized-member.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f367eb1efb6fd98b2184941c5ecc0a4101406656251a68e4f3f91070ad6aefd6
+size 7899
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-sm-small.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-sm-small.ico
new file mode 100644
index 0000000000..8eb228a2c9
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-sm-small.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ea8f538f3e18d25fed99afc0e607fe07103398ed72cc9d83559cf7cd1fb43c2e
+size 4600
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-with-badges.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-with-badges.ico
new file mode 100644
index 0000000000..7af8dc9ec7
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-dark-with-badges.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3f33196ef72911184997086fd618cf5f4849d0d49dc89eed80e2d72fd1ac8ff4
+size 5382
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-awarded.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-awarded.ico
new file mode 100644
index 0000000000..d07f23386b
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-awarded.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:de82d5d41cb67edbc1ff0bc200c6612d9514d69534265b08d5d0db51dfd9ffc4
+size 5933
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-base.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-base.ico
new file mode 100644
index 0000000000..5db8bb85b0
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-base.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e462ae4d637de7b5241f59a2764a0ac95d4c530904b04dfcd6f1a18f8251914b
+size 4886
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-deleted-deleted.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-deleted-deleted.ico
new file mode 100644
index 0000000000..b2b82f345d
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-deleted-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b8d14dc6fdd66b3b0fcea8034330d09a20509ddc35a507356fca2a2512922133
+size 3516
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-lg-large.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-lg-large.ico
new file mode 100644
index 0000000000..1bc48630c0
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-lg-large.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:820df322b9a0bd651ede689f8f97ffd56340a549b09136a6a46968781848e4a7
+size 15452
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-new-contributor.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-new-contributor.ico
new file mode 100644
index 0000000000..7d350a6338
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-new-contributor.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:77bfba613716770751340d59496bd938c1c9f519914d03db3c459bf85cd26ea2
+size 5872
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-original-poster.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-original-poster.ico
new file mode 100644
index 0000000000..77d51a5b82
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-original-poster.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e94caf3435d26245c670947aafb2bfcf71df1234babefb56da0ed4dc3cbfbe29
+size 4987
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-recognized-member.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-recognized-member.ico
new file mode 100644
index 0000000000..ec473caac4
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-recognized-member.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4091bb2fcb533df0aaf5c441bbd8947c20b1cc57f9e47d41ae5ae317093d1df1
+size 8099
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-sm-small.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-sm-small.ico
new file mode 100644
index 0000000000..a0310a8cc3
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-sm-small.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:95b266f6e70084feb010ea30166816ebed5c19ec9c04844f05902e667b56de2d
+size 4762
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-with-badges.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-with-badges.ico
new file mode 100644
index 0000000000..1fc9d3037e
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-highcontrast-light-with-badges.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8779f57a07ab3c22dd89bec7ca77a1528671943ceba4081a00c64f3a3267fdf6
+size 5675
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-awarded.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-awarded.ico
new file mode 100644
index 0000000000..fbeb0296d1
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-awarded.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5a86891f7faf3bf55a178b29807eb53b4d5016fe23d3ebe6edaec28eca87b68e
+size 5857
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-base.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-base.ico
new file mode 100644
index 0000000000..b5d102fca3
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-base.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c84c8843f6d0f85546a00127a17825a4b7da7ce44b45668c683730acb9b069ae
+size 4795
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-deleted-deleted.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-deleted-deleted.ico
new file mode 100644
index 0000000000..3e6beb6ee5
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-deleted-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b05c38779a8aba3e67a92415e22589a351dad817ad5208110a258cbc4b1a071c
+size 3452
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-lg-large.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-lg-large.ico
new file mode 100644
index 0000000000..7732706a0a
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-lg-large.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:863ec9ee4f806c56c2a9c2fd2c975f54b0c850088c202f5dc958d5fc98b47ec6
+size 15295
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-new-contributor.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-new-contributor.ico
new file mode 100644
index 0000000000..c628cf625c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-new-contributor.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2eb9b0d96abb3d5632d9c36b1a646a1499dbd88ee27bc9aba06a94fd60cf9659
+size 5833
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-original-poster.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-original-poster.ico
new file mode 100644
index 0000000000..fb11db59c6
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-original-poster.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2e56d53850a4634cf21052d14d911a8ee4ad8cca749012fc0773fe8fb8ff7ef3
+size 4897
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-recognized-member.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-recognized-member.ico
new file mode 100644
index 0000000000..ae44af309e
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-recognized-member.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0d1b74a629c50bc64b24d4414aa4a73804660a617cf1b62c7e6f00e264b043bc
+size 7970
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-sm-small.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-sm-small.ico
new file mode 100644
index 0000000000..605f41a28a
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-sm-small.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:887c0244dad6ac175bdb776d8433801367d1cb0c52caddccb6016eab3214ac15
+size 4699
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-with-badges.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-with-badges.ico
new file mode 100644
index 0000000000..27bfcd07e4
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-user-card-light-with-badges.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e8b16a8a12b33f132a7281acc54d23e8b35da694beeba727244413210ec98c9c
+size 5592
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-awarded.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-awarded.ico
new file mode 100644
index 0000000000..9e4e830f79
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-awarded.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:592cad0f1b25d3934f123de351cc5ae413edb25db540dc770017c6a4f4a9f830
+size 7343
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-base.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-base.ico
new file mode 100644
index 0000000000..aa6a11d341
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-base.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bc888dd7587b09067f5c473a35b4d35575debb43f876426905cc0e078ea4b205
+size 6211
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-deleted-deleted.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-deleted-deleted.ico
new file mode 100644
index 0000000000..b15e021faa
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-deleted-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:19ca913ef8eeaf90afd082ed15204b94a582e2a227fed60a7c3c955c2be8f2f4
+size 4291
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-lg-large.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-lg-large.ico
new file mode 100644
index 0000000000..6250d4775b
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-lg-large.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ef756b6b2e618368e160d31915a2356fb221bd070ec437306b30be7152a574c9
+size 19121
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-new-contributor.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-new-contributor.ico
new file mode 100644
index 0000000000..55929d7566
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-new-contributor.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8c12d4e592a1f5399c8eb9489dbf1b50bc1a9b0f2d5268e3b0d025417f9f6cea
+size 7441
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-original-poster.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-original-poster.ico
new file mode 100644
index 0000000000..452dd375c0
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-original-poster.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c648e46f72349b2f5cadc206451675cd9c6c955ee19e8ef011f433c7de6f98bf
+size 6445
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-recognized-member.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-recognized-member.ico
new file mode 100644
index 0000000000..c030b4c49b
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-recognized-member.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:211c570da18a35008bd4586a1172dac0577ce174e7808e8c2b60ab69cf769434
+size 10062
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-sm-small.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-sm-small.ico
new file mode 100644
index 0000000000..2fb4a7b2dc
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-sm-small.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:afacea273c17afe4a103825c73e7db4a02777b59e966d15511a0fa19361025bd
+size 5966
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-with-badges.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-with-badges.ico
new file mode 100644
index 0000000000..a02b435867
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-dark-with-badges.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:67656291422855c22eada67d0425fffda814847178dc2f8ac8a0de3f42c3e51b
+size 6965
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-awarded.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-awarded.ico
new file mode 100644
index 0000000000..b4e56bdc40
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-awarded.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1a46b2347e072cef4b3d32a9753987aa7b8df90a9bf8f43268b52e961b3693b4
+size 7409
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-base.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-base.ico
new file mode 100644
index 0000000000..9b378cbb87
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-base.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bc6e2caaaa01404edc232f5a72a0c514a6712c146284850e3d11f2d5f3ad4db5
+size 6264
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-deleted-deleted.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-deleted-deleted.ico
new file mode 100644
index 0000000000..424f9bd354
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-deleted-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:048a845b55f15d734c38ff5069beba3d16b7b81e3a607df788f715ff4bafe479
+size 4427
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-lg-large.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-lg-large.ico
new file mode 100644
index 0000000000..73908a6ab6
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-lg-large.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c891084d35e412be043080ece2f9a16f3a6f0d26b2f4175465953f22798850c8
+size 19343
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-new-contributor.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-new-contributor.ico
new file mode 100644
index 0000000000..9d8f323777
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-new-contributor.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:936a1e3df07a32d04bd138a61eca2b8dce35393ffae108fdd62a1757e2cb4a90
+size 7419
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-original-poster.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-original-poster.ico
new file mode 100644
index 0000000000..08f9d72998
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-original-poster.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:324596e26c42e59ab918144ba68bf99a73e8cabd17ce539588d24d66b035e0ee
+size 6596
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-recognized-member.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-recognized-member.ico
new file mode 100644
index 0000000000..f27bf4c9dc
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-recognized-member.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b56951184fb566e41c86e96876d28de4a0592d7c2158cd66c099c447d55b3c4f
+size 10166
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-sm-small.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-sm-small.ico
new file mode 100644
index 0000000000..8c452a7f82
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-sm-small.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6f78a261c786e32c5d8da01cf8cdac2bffe3a722fc683f803a918d359f85cf98
+size 6073
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-with-badges.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-with-badges.ico
new file mode 100644
index 0000000000..436a87696f
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-dark-with-badges.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:124c12d8537de361237d9c6499b64259cf5578469db13c3f224f8d3edeadd57b
+size 6930
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-awarded.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-awarded.ico
new file mode 100644
index 0000000000..39b5da9dca
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-awarded.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5bea794943c71aff62a6447c3bf17c24908fda6016c58ce443681a9cc51849a2
+size 7731
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-base.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-base.ico
new file mode 100644
index 0000000000..c4fac1eb24
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-base.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cf99058a38ae8fec7623d98011d545dedf577306de43028dc09455db0bc3641e
+size 6428
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-deleted-deleted.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-deleted-deleted.ico
new file mode 100644
index 0000000000..46257b2f95
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-deleted-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:496b45c23b4ccbef83663b819983a4a3cb454bbaf3da1913fbbece2e9edc9ff6
+size 4369
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-lg-large.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-lg-large.ico
new file mode 100644
index 0000000000..f226fac471
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-lg-large.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ccc488b26bb5a928310e8f671b409ccf411a524c7e37596fc278badf6225a907
+size 19626
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-new-contributor.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-new-contributor.ico
new file mode 100644
index 0000000000..ba8e896fe9
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-new-contributor.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d77ca081f4a56d7e80ff59aeb27ad1ec393118647e24421da53d3d346e7d141c
+size 7611
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-original-poster.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-original-poster.ico
new file mode 100644
index 0000000000..4c0f994481
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-original-poster.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:450feca73e394619062db68529a93307e3b7b62ba82b0d426f7c6efbf7fec25b
+size 6590
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-recognized-member.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-recognized-member.ico
new file mode 100644
index 0000000000..3cf7b241b8
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-recognized-member.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:678848df85263c2d8f0d732470ae8c1d16f5e6c4ce6f55a7981e08ebe62ef28a
+size 10418
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-sm-small.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-sm-small.ico
new file mode 100644
index 0000000000..7a305234cb
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-sm-small.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c7673b193aa109defe97d35175d4fb8962c3301d60e4ed051fb0115ca77d46f4
+size 6228
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-with-badges.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-with-badges.ico
new file mode 100644
index 0000000000..906582962c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-highcontrast-light-with-badges.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c0f476917a23654b5c0ac90fe673c261eba88fa8ebc9e3ae48522f5f0ade4981
+size 7266
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-awarded.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-awarded.ico
new file mode 100644
index 0000000000..4296897386
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-awarded.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:047bf30d0bd469badc9edde16f7e867d5892c2e0e59191874f1142ac199b2542
+size 7681
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-base.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-base.ico
new file mode 100644
index 0000000000..811d29603a
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-base.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7ac9e6997c9bafb84c24b0922cd0552145949c4a4a7ab1981b75aa0668921e94
+size 6408
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-deleted-deleted.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-deleted-deleted.ico
new file mode 100644
index 0000000000..ab42f2463a
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-deleted-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b7148fa6acbd7ee1b10028854074a89482d2d71921d05b534a1bb8e949f0a030
+size 4314
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-lg-large.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-lg-large.ico
new file mode 100644
index 0000000000..1758e24644
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-lg-large.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:74726e092c726644343239d1195486664839b7203181ba666f2df43212b30dfc
+size 19491
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-new-contributor.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-new-contributor.ico
new file mode 100644
index 0000000000..4859358230
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-new-contributor.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:820df285bcc5486fd979dd654d57b7bf18c901b0177fae67ca5f4c45c76d07c2
+size 7553
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-original-poster.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-original-poster.ico
new file mode 100644
index 0000000000..a6fed71146
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-original-poster.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:73637356457c81004c7d1c11843f9297886f38467531fe14aa8d508d2d8722db
+size 6435
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-recognized-member.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-recognized-member.ico
new file mode 100644
index 0000000000..b80885bfd3
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-recognized-member.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c0814e500b1f3f3b0953dcc559661d35a610dca0266aebc500a6eac565355868
+size 10354
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-sm-small.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-sm-small.ico
new file mode 100644
index 0000000000..48ae50cb22
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-sm-small.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e8c1bbeff31d2e8ddf6d3814eaf07637f1a99b70a81c059a2283ad89fc65bef9
+size 6039
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-with-badges.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-with-badges.ico
new file mode 100644
index 0000000000..9c71977fd0
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-user-card-light-with-badges.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:63df0bd06a51ea709499df2a564bc50d22c9e5b227ed2609f2b7d879379e4f01
+size 7310
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-awarded.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-awarded.ico
new file mode 100644
index 0000000000..95349ebe75
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-awarded.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:01f9279db7db92deecccd2b15acb5730d5a7dc2b2a9da1a9e70a9a8baad89408
+size 6812
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-base.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-base.ico
new file mode 100644
index 0000000000..d6af33000e
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-base.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:df5f435aa0a0c20e6e4845c01cff02bbc0faa51ce38934201590e1305dc16485
+size 5601
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-deleted-deleted.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-deleted-deleted.ico
new file mode 100644
index 0000000000..4a7164fceb
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-deleted-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:27db8778c4ea8c2eb17bd39c008bbb7ae5c3ef27c1e0f18af912d90c8e33fcab
+size 4186
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-lg-large.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-lg-large.ico
new file mode 100644
index 0000000000..ee1191beb7
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-lg-large.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9e3426b3a14e4776a605264ff6770dfe596ed88a61f0afb66cd4d9fb3332fc34
+size 18552
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-new-contributor.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-new-contributor.ico
new file mode 100644
index 0000000000..54c8f25b51
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-new-contributor.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a6e8d158a71d82327159ba82d62ec41560eb43130033478bf1813b80c9038529
+size 6690
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-original-poster.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-original-poster.ico
new file mode 100644
index 0000000000..adbdba2df6
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-original-poster.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4296d7341415bd03acaeba64c765d09fdcf2758ce0d0c5c5a75d098b3bd81aa7
+size 5720
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-recognized-member.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-recognized-member.ico
new file mode 100644
index 0000000000..0f639fa694
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-recognized-member.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:76f8410dced956ee0bb4af9d5f1d4c31139ed08d43e33838293e7f570a1e43d6
+size 9699
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-sm-small.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-sm-small.ico
new file mode 100644
index 0000000000..1c4ac479d1
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-sm-small.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3b0399d1d51aad81b72918ebf241f2154290078be32236cc878a31c702493ce2
+size 5501
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-with-badges.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-with-badges.ico
new file mode 100644
index 0000000000..093ee923b2
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-dark-with-badges.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c4ec82457c515c282d9daed6a66ee7339ceecaced74ae37728a646c90982b22c
+size 6506
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-awarded.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-awarded.ico
new file mode 100644
index 0000000000..6c65662d92
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-awarded.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f4dc53369eaca790ae9aaa789d97ce9125918f38a310594f14f967ba63efb6d1
+size 6808
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-base.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-base.ico
new file mode 100644
index 0000000000..de8d1f03ae
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-base.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:aea27864dac73765afcae8390c258089e4d0313f92dc28ceb08cd522d12d0e18
+size 5612
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-deleted-deleted.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-deleted-deleted.ico
new file mode 100644
index 0000000000..28cee201dd
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-deleted-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a5853cb9909c29dc44d9fb1f0ad035f233cab6402609fdc33cff17bf000ab42f
+size 4197
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-lg-large.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-lg-large.ico
new file mode 100644
index 0000000000..59e3530605
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-lg-large.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2b3bc294a07615ab1e46719601a4a18f8f7df6d43e9e4baf957f2c9ed5d06c78
+size 18595
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-new-contributor.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-new-contributor.ico
new file mode 100644
index 0000000000..9467ee91f9
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-new-contributor.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fbee754c001eae408cc680ea4bce82fd364da98edd2cb0fbaf269335506cb800
+size 6628
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-original-poster.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-original-poster.ico
new file mode 100644
index 0000000000..a022191dbd
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-original-poster.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ac8a50d2512c92e65500e35412e534b73bff4349a0582faacb2ccda75ae89a1e
+size 5747
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-recognized-member.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-recognized-member.ico
new file mode 100644
index 0000000000..46ee4806df
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-recognized-member.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7bd91dc5d399e3d4ba2b62c1bb364150c19bb84582446305b8fb9f311c2d4d06
+size 9775
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-sm-small.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-sm-small.ico
new file mode 100644
index 0000000000..37b4e89596
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-sm-small.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:76546105ade751b144f6a77d7ad729db1e1ec6c66cb079ef36b48476ea22d112
+size 5499
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-with-badges.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-with-badges.ico
new file mode 100644
index 0000000000..6b6ccc7e56
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-dark-with-badges.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0b389c5ec58f359462803a7e9e24c625ff4bd1d7a531e44a67677ab23d8f8487
+size 6569
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-awarded.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-awarded.ico
new file mode 100644
index 0000000000..055f39c891
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-awarded.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a6cffe6854bda95ee470dbc6266ec6eea685eb239f721862f684809c44bd3a05
+size 6856
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-base.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-base.ico
new file mode 100644
index 0000000000..25e2822301
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-base.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:83a1de69a4c2e7466bdf70eee595cb80293ad1a4b1e12505dd6fbcb0c8709e5a
+size 5702
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-deleted-deleted.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-deleted-deleted.ico
new file mode 100644
index 0000000000..4991de9eee
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-deleted-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1bb75229c097c41a6101cfbbae33a64577a8b50a3a670a7586d97833c048def3
+size 4173
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-lg-large.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-lg-large.ico
new file mode 100644
index 0000000000..24a56dce3a
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-lg-large.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:899ad5747fce6f50d206abecbb353df3025ceaf5e4c5bc0e8711322327af51fa
+size 18837
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-new-contributor.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-new-contributor.ico
new file mode 100644
index 0000000000..5cba5bdd9b
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-new-contributor.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:461b67ca541491b582a9176f4919d12f1172f7d9fe32ed207f32b498c16ed302
+size 6831
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-original-poster.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-original-poster.ico
new file mode 100644
index 0000000000..c2e72fd4da
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-original-poster.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:421b525636573e0b0b1ae1161c30eeb127a9899ed4d757cf091fc8430177731f
+size 5806
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-recognized-member.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-recognized-member.ico
new file mode 100644
index 0000000000..eaf03dbf0b
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-recognized-member.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dcad53005325e0ca71523a7b5fa1e86b62716a8a7fda11fa247fdaccee89c0e6
+size 9773
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-sm-small.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-sm-small.ico
new file mode 100644
index 0000000000..99103b93c2
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-sm-small.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:37021d2909f740a87ed09a2228906213c1c513849c66fe954e134b0ad4112b88
+size 5685
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-with-badges.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-with-badges.ico
new file mode 100644
index 0000000000..ee02c10cf7
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-highcontrast-light-with-badges.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1b8c941fbc4f7fe6795cdf3112c8049477315543a973850b718ea80d1b6c5737
+size 6546
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-awarded.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-awarded.ico
new file mode 100644
index 0000000000..64c5a98f22
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-awarded.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3ebb8f43d6a14ad54cdb8f0328f0d2e1b9fe53fa1f470825dbee6e7b65faf8e1
+size 6774
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-base.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-base.ico
new file mode 100644
index 0000000000..bfeb154899
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-base.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a2ba918d33a14f9cb104373f798f1afd9fd88bcec7bdde5a437b4ea99c0fec93
+size 5645
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-deleted-deleted.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-deleted-deleted.ico
new file mode 100644
index 0000000000..93d9b3c225
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-deleted-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6ea32090ec4e146bb0956f20380200fd79de1d8d87a2f91c563daf56fa760b8e
+size 4124
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-lg-large.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-lg-large.ico
new file mode 100644
index 0000000000..45af3cd1a9
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-lg-large.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:96d11b45bf049ec1b2f65f44483003ae7ee8b389427d2012fcedec2a9ba41d28
+size 18644
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-new-contributor.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-new-contributor.ico
new file mode 100644
index 0000000000..df83a248bb
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-new-contributor.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ff3be74664558e1ba1b81b89f8a69d117f3cd161e86cfc4fd529e25dd0a22ac1
+size 6762
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-original-poster.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-original-poster.ico
new file mode 100644
index 0000000000..3be46419dd
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-original-poster.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:690bb7334688f46de8b4fe7a9174808dc48250c4b5651eb15343e1997ab55748
+size 5770
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-recognized-member.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-recognized-member.ico
new file mode 100644
index 0000000000..e9b2fb6312
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-recognized-member.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:74e3306f0f90c289be90d30cfde2fce32120a6e6ff745c8b740fd3f4cbab6026
+size 9532
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-sm-small.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-sm-small.ico
new file mode 100644
index 0000000000..36ec417519
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-sm-small.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:02ab677f79194997303b0d7c442bb3d9ec46b1d71bc0eef5a495758af311cc77
+size 5543
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-with-badges.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-with-badges.ico
new file mode 100644
index 0000000000..d581b841c7
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-user-card-light-with-badges.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e4e3f2a565c9188446c90ea2ad7ef8c4f7e182d9255ef116de92c8fa4d72ab8e
+size 6466
diff --git a/packages/stacks-docs/product/components/user-cards.html b/packages/stacks-docs/product/components/user-cards.html
index 462901dd8e..54758d0ebe 100644
--- a/packages/stacks-docs/product/components/user-cards.html
+++ b/packages/stacks-docs/product/components/user-cards.html
@@ -822,7 +822,7 @@
…
-
+
@Svg.Icon.StarVerifiedSm.With("native")
@@ -984,7 +984,7 @@
{% endif %}
{% if user.recognitionIcon %}
-
+
{% icon user.recognitionIcon %}
{% endif %}
@@ -1032,7 +1032,7 @@
…
-
+
@Svg.Icon.AchievementsSm.With("native")
@@ -1089,7 +1089,7 @@
{% endfor %}
{% endif %}
-
+
{% icon "AchievementsSm", native %}
{% if user.reputation or user.gold or user.silver or user.bronze %}
diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts b/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts
index e70018d883..347f34dc98 100644
--- a/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts
+++ b/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts
@@ -1038,6 +1038,43 @@ describe("UserCard states", () => {
expect(recognitionBling).to.exist;
});
+ it("should set aria-label on the additional bling from tooltipText", () => {
+ const tooltipText = "This user is recognized by AudioBubble";
+ const additionalBlingsSnippet = createRawSnippet(() => ({
+ render: () => "",
+ setup: (target) => {
+ const instance = mount(UserCardAdditionalBling, {
+ target,
+ props: {
+ class: "s-user-card--recognition-additional-bling",
+ tooltipText,
+ id: "user-card-recognized-member-popover",
+ icon: IconStarVerifiedSm,
+ href: "#",
+ },
+ });
+ return () => {
+ unmount(instance);
+ };
+ },
+ }));
+
+ const { container } = render(UserCard, {
+ name: "John Doe",
+ avatar: "https://picsum.photos/128",
+ size: "sm",
+ additionalBlings: additionalBlingsSnippet,
+ });
+
+ const recognitionBling = container.querySelector(
+ ".s-user-card--recognition-additional-bling"
+ );
+ expect(recognitionBling).to.exist;
+ expect(recognitionBling?.getAttribute("aria-label")).to.equal(
+ tooltipText
+ );
+ });
+
it("should show popover tooltip when hovering over additional bling", async () => {
clock = sinon.useFakeTimers({
shouldAdvanceTime: true,
diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardAdditionalBling.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardAdditionalBling.svelte
index 66e03fec5b..085b1070e9 100644
--- a/packages/stacks-svelte/src/components/UserCard/UserCardAdditionalBling.svelte
+++ b/packages/stacks-svelte/src/components/UserCard/UserCardAdditionalBling.svelte
@@ -56,7 +56,12 @@
-
+