StackExchange · mukunku · Feb 6, 2026 · Feb 6, 2026 · Feb 6, 2026 · Feb 6, 2026
diff --git a/.changeset/lazy-lies-exercise.md b/.changeset/lazy-lies-exercise.md
@@ -0,0 +1,5 @@
+---
+"@stackoverflow/stacks": patch
+---
+
+patch(avatars): Use black background in dark mode for avatars
diff --git a/packages/stacks-classic/lib/components/avatar/avatar.less b/packages/stacks-classic/lib/components/avatar/avatar.less
@@ -1,6 +1,6 @@
 .s-avatar {
     --_av-size: var(--su16);
-    --_av-bg: var(--_white-static); // Force a white background color for when we have transparent avatars
+    --_av-bg: var(--white); // Use a solid background color to prevent transparent avatars from blending with the background
     --_av-fs-letter: calc(var(--su12) - var(--su1));
     --_av-scale-badge: 1;
 

diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-128-letter.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-128-letter.ico
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-128.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-128.ico
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-24-letter.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-24-letter.ico
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-24.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-24.ico
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-32-letter.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-32-letter.ico
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-32.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-32.ico
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-48-letter.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-48-letter.ico
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-48.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-48.ico
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-64-letter.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-64-letter.ico
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-64.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-64.ico
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-96-letter.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-96-letter.ico
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-96.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-96.ico
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-letter.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark-letter.ico
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-avatar-dark.ico
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-128-letter.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-128-letter.ico
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-128.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-128.ico
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-24-letter.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-24-letter.ico
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-24.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-24.ico
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-32-letter.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-32-letter.ico
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-32.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-32.ico
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-48-letter.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-48-letter.ico
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-48.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-48.ico
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-64-letter.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-64-letter.ico
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-64.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-64.ico
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-96-letter.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-96-letter.ico
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-96.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-96.ico
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-letter.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark-letter.ico
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-avatar-dark.ico
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-128-letter.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-128-letter.ico
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-128.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-128.ico
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-24-letter.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-24-letter.ico
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-24.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-24.ico
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-32-letter.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-32-letter.ico
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-32.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-32.ico
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-48-letter.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-48-letter.ico
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-48.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-48.ico
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-64-letter.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-64-letter.ico
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-64.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-64.ico
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-96-letter.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-96-letter.ico
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-96.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-96.ico
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-letter.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark-letter.ico
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-avatar-dark.ico