diff --git a/docs/_data/badges.json b/docs/_data/badges.json
index 5b980b346f..f8940dd7c9 100755
--- a/docs/_data/badges.json
+++ b/docs/_data/badges.json
@@ -219,6 +219,22 @@
"label": "Staff",
"labelSm": "Staff",
"description": "Badge indicating user is staff."
+ },
+ {
+ "title": "AI",
+ "class": "s-badge__ai",
+ "html": "s-badge s-badge__ai",
+ "label": "AI",
+ "labelSm": "AI",
+ "description": "Badge indicating content is AI generated."
+ },
+ {
+ "title": "Bot",
+ "class": "s-badge__bot",
+ "html": "s-badge s-badge__bot",
+ "label": "Bot",
+ "labelSm": "Bot",
+ "description": "Badge indicating user is a bot."
}
]
}
diff --git a/docs/product/components/badges.html b/docs/product/components/badges.html
index 80fcf142e5..2779479c70 100644
--- a/docs/product/components/badges.html
+++ b/docs/product/components/badges.html
@@ -372,6 +372,12 @@
Staff
Staff
Staff
+Bot
+Bot
+Bot
+AI
+AI
+AI
{% endhighlight %}
diff --git a/lib/components/badge/badge.a11y.test.ts b/lib/components/badge/badge.a11y.test.ts
index 14c9f1ff3f..e04f7cf328 100644
--- a/lib/components/badge/badge.a11y.test.ts
+++ b/lib/components/badge/badge.a11y.test.ts
@@ -7,7 +7,7 @@ const variants = {
numbers: ["answered", "bounty", "important", "rep", "rep-down", "votes"],
filled: ["danger", "muted"],
states: ["danger", "muted", "info", "new", "warning"],
- users: ["admin", "moderator", "staff"],
+ users: ["admin", "moderator", "staff", "ai", "bot"],
};
describe("badge", () => {
diff --git a/lib/components/badge/badge.less b/lib/components/badge/badge.less
index 513309174c..82635de08b 100644
--- a/lib/components/badge/badge.less
+++ b/lib/components/badge/badge.less
@@ -174,6 +174,17 @@
}
// VARIANTS
+ &&__ai {
+ --_ba-bc: var(--_ba-fc);
+ --_ba-bg: var(--black-050);
+ --_ba-fc: var(--orange-500);
+ --_ba-tt: uppercase;
+ }
+
+ &&__bot {
+ --_ba-bc: var(--black-300);
+ }
+
&&__danger,
&&__muted {
&.s-badge__filled {
diff --git a/lib/components/badge/badge.visual.test.ts b/lib/components/badge/badge.visual.test.ts
index 42d09938b6..830bafc680 100644
--- a/lib/components/badge/badge.visual.test.ts
+++ b/lib/components/badge/badge.visual.test.ts
@@ -8,7 +8,7 @@ const variants = {
numbers: ["answered", "bounty", "important", "rep", "rep-down", "votes"],
filled: ["danger", "muted"],
states: ["danger", "muted", "info", "new", "warning"],
- users: ["admin", "moderator", "staff"],
+ users: ["admin", "moderator", "staff", "ai", "bot"],
};
// eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/screenshots/Chromium/baseline/s-badge-dark-ai-sm.png b/screenshots/Chromium/baseline/s-badge-dark-ai-sm.png
new file mode 100644
index 0000000000..b809bb27b6
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-dark-ai-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2aacdc192d07f54f3d39f533fa4c53aee8df26b5cd25a1bd4f08bd7e39cf1bf9
+size 1894
diff --git a/screenshots/Chromium/baseline/s-badge-dark-ai-xs.png b/screenshots/Chromium/baseline/s-badge-dark-ai-xs.png
new file mode 100644
index 0000000000..547fc00483
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-dark-ai-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:37bb18c2445ad988e329e043257368029b6776d786cbaf7a64bd7903acf06401
+size 1891
diff --git a/screenshots/Chromium/baseline/s-badge-dark-ai.png b/screenshots/Chromium/baseline/s-badge-dark-ai.png
new file mode 100644
index 0000000000..e73d3abc30
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-dark-ai.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ee44bad2fdda7d174b5f5f61e01bec3ec62d52407d63ccabcd0194c620ac910a
+size 2046
diff --git a/screenshots/Chromium/baseline/s-badge-dark-bot-sm.png b/screenshots/Chromium/baseline/s-badge-dark-bot-sm.png
new file mode 100644
index 0000000000..63a338ffcd
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-dark-bot-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:13cdb9f897b4cb41cbf0b515b197f784977efbedcfca9c79e91226b0aa3b31c9
+size 1706
diff --git a/screenshots/Chromium/baseline/s-badge-dark-bot-xs.png b/screenshots/Chromium/baseline/s-badge-dark-bot-xs.png
new file mode 100644
index 0000000000..933076fe37
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-dark-bot-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e3942f8418dafd4f4a9fbdddebba7c7c483e74e2169884500c68ae5848ca1fca
+size 1704
diff --git a/screenshots/Chromium/baseline/s-badge-dark-bot.png b/screenshots/Chromium/baseline/s-badge-dark-bot.png
new file mode 100644
index 0000000000..848f7048be
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-dark-bot.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e64ec2b432b138650806c7d248952926824935c31befdee32d5350b582ad8946
+size 1900
diff --git a/screenshots/Chromium/baseline/s-badge-highcontrast-dark-ai-sm.png b/screenshots/Chromium/baseline/s-badge-highcontrast-dark-ai-sm.png
new file mode 100644
index 0000000000..26631cbdd3
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-highcontrast-dark-ai-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8fa1e86327fbee385a27628a64f8142386b1b0edf7d9cb1aa58d2eab78c59bfb
+size 1932
diff --git a/screenshots/Chromium/baseline/s-badge-highcontrast-dark-ai-xs.png b/screenshots/Chromium/baseline/s-badge-highcontrast-dark-ai-xs.png
new file mode 100644
index 0000000000..f62ffed350
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-highcontrast-dark-ai-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4d1a65506ab38b2c486a7a32d03a63409ff1acdc5cad5e52297811881c698b1c
+size 1933
diff --git a/screenshots/Chromium/baseline/s-badge-highcontrast-dark-ai.png b/screenshots/Chromium/baseline/s-badge-highcontrast-dark-ai.png
new file mode 100644
index 0000000000..5dbb79d6ab
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-highcontrast-dark-ai.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bc84247297c185a5c0ffe8a80b2016a96381949320c911d5387967828ef87ed4
+size 2080
diff --git a/screenshots/Chromium/baseline/s-badge-highcontrast-dark-bot-sm.png b/screenshots/Chromium/baseline/s-badge-highcontrast-dark-bot-sm.png
new file mode 100644
index 0000000000..07597eeb7a
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-highcontrast-dark-bot-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b55a9f9f7011ebfdec15c64aa299b7c9823d4c301696cea0e9ddf4d51409f7f4
+size 1708
diff --git a/screenshots/Chromium/baseline/s-badge-highcontrast-dark-bot-xs.png b/screenshots/Chromium/baseline/s-badge-highcontrast-dark-bot-xs.png
new file mode 100644
index 0000000000..14e31ac40d
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-highcontrast-dark-bot-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5d42f885aa40ae7a259730ce18a9ad51e76073a656cd3c9be9a832abb3d45917
+size 1706
diff --git a/screenshots/Chromium/baseline/s-badge-highcontrast-dark-bot.png b/screenshots/Chromium/baseline/s-badge-highcontrast-dark-bot.png
new file mode 100644
index 0000000000..37c7f2cc35
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-highcontrast-dark-bot.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b17b72e01f2f33b0b3e08163227b98dbf53c197d30601f8f0ab0c32103d182f3
+size 1898
diff --git a/screenshots/Chromium/baseline/s-badge-highcontrast-light-ai-sm.png b/screenshots/Chromium/baseline/s-badge-highcontrast-light-ai-sm.png
new file mode 100644
index 0000000000..8cc64f1f98
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-highcontrast-light-ai-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:15656dd5d67e087d400382e9db9da5a1b60ab05c367d69d77c6814f5b6d1333a
+size 1958
diff --git a/screenshots/Chromium/baseline/s-badge-highcontrast-light-ai-xs.png b/screenshots/Chromium/baseline/s-badge-highcontrast-light-ai-xs.png
new file mode 100644
index 0000000000..8ea7de21bb
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-highcontrast-light-ai-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d28c7d1c1e0f32b4d592c3feb5bb9f47b22ed8e9ee4ff49dff484077272c4bdc
+size 1949
diff --git a/screenshots/Chromium/baseline/s-badge-highcontrast-light-ai.png b/screenshots/Chromium/baseline/s-badge-highcontrast-light-ai.png
new file mode 100644
index 0000000000..913fd22ad4
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-highcontrast-light-ai.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e64156db2d5899e10cafffb42fc17091c5abdf6461ebfd04e968de9f40ecf722
+size 2073
diff --git a/screenshots/Chromium/baseline/s-badge-highcontrast-light-bot-sm.png b/screenshots/Chromium/baseline/s-badge-highcontrast-light-bot-sm.png
new file mode 100644
index 0000000000..e49a289725
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-highcontrast-light-bot-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f3f10e75286c5215b90cd1822991b0e5d840c71cc65b822c4a92ebc52518a885
+size 1715
diff --git a/screenshots/Chromium/baseline/s-badge-highcontrast-light-bot-xs.png b/screenshots/Chromium/baseline/s-badge-highcontrast-light-bot-xs.png
new file mode 100644
index 0000000000..d627a4a23e
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-highcontrast-light-bot-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:09a331485d690f469d20d366f831fbb9a7f5b0b30099ceaeaae6b36ca03d225a
+size 1712
diff --git a/screenshots/Chromium/baseline/s-badge-highcontrast-light-bot.png b/screenshots/Chromium/baseline/s-badge-highcontrast-light-bot.png
new file mode 100644
index 0000000000..3fd3735119
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-highcontrast-light-bot.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f23f3cb624c6a20aa952de58626d05a94db1bdb8b19726e23f12040001e11d3d
+size 1930
diff --git a/screenshots/Chromium/baseline/s-badge-light-ai-sm.png b/screenshots/Chromium/baseline/s-badge-light-ai-sm.png
new file mode 100644
index 0000000000..a1e747bf80
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-light-ai-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fd99f7d9935f8c91a03869209c0393afff14b1561c6bc9ff2adc5d793fb112e1
+size 1891
diff --git a/screenshots/Chromium/baseline/s-badge-light-ai-xs.png b/screenshots/Chromium/baseline/s-badge-light-ai-xs.png
new file mode 100644
index 0000000000..118b9237d2
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-light-ai-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2b6bc60964f75e76ceafa1f20907e55a34f2e914bde75f22fb35cdbec894a0ff
+size 1887
diff --git a/screenshots/Chromium/baseline/s-badge-light-ai.png b/screenshots/Chromium/baseline/s-badge-light-ai.png
new file mode 100644
index 0000000000..28b2c6fdb7
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-light-ai.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d27b62de807b377cdfbdd9fa78a3d690d4abb5dd864b89a2decd70615a76ce01
+size 2036
diff --git a/screenshots/Chromium/baseline/s-badge-light-bot-sm.png b/screenshots/Chromium/baseline/s-badge-light-bot-sm.png
new file mode 100644
index 0000000000..e49a289725
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-light-bot-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f3f10e75286c5215b90cd1822991b0e5d840c71cc65b822c4a92ebc52518a885
+size 1715
diff --git a/screenshots/Chromium/baseline/s-badge-light-bot-xs.png b/screenshots/Chromium/baseline/s-badge-light-bot-xs.png
new file mode 100644
index 0000000000..d627a4a23e
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-light-bot-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:09a331485d690f469d20d366f831fbb9a7f5b0b30099ceaeaae6b36ca03d225a
+size 1712
diff --git a/screenshots/Chromium/baseline/s-badge-light-bot.png b/screenshots/Chromium/baseline/s-badge-light-bot.png
new file mode 100644
index 0000000000..3fd3735119
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-badge-light-bot.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f23f3cb624c6a20aa952de58626d05a94db1bdb8b19726e23f12040001e11d3d
+size 1930
diff --git a/screenshots/Firefox/baseline/s-badge-dark-ai-sm.png b/screenshots/Firefox/baseline/s-badge-dark-ai-sm.png
new file mode 100644
index 0000000000..e1fd40e3e2
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-dark-ai-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c889ebf049ccaefb3f761bb61acb11e2613481772225ef7f91317faafb0725b1
+size 2080
diff --git a/screenshots/Firefox/baseline/s-badge-dark-ai-xs.png b/screenshots/Firefox/baseline/s-badge-dark-ai-xs.png
new file mode 100644
index 0000000000..436b21160b
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-dark-ai-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fc4e3a16f0a8b8323286c267c26ed5c9f9d91291459774462f383f37f762034d
+size 2073
diff --git a/screenshots/Firefox/baseline/s-badge-dark-ai.png b/screenshots/Firefox/baseline/s-badge-dark-ai.png
new file mode 100644
index 0000000000..98d08702b1
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-dark-ai.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b2fca4d072b3606287a1d31ba98a671cf0f2d3308ad53772e41317a0cb8445db
+size 2268
diff --git a/screenshots/Firefox/baseline/s-badge-dark-bot-sm.png b/screenshots/Firefox/baseline/s-badge-dark-bot-sm.png
new file mode 100644
index 0000000000..4ccfe62fa1
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-dark-bot-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3180252fe82be8494ac307dece8ea6675671ab73f518bc0fb8eb8a1c8a99b850
+size 1990
diff --git a/screenshots/Firefox/baseline/s-badge-dark-bot-xs.png b/screenshots/Firefox/baseline/s-badge-dark-bot-xs.png
new file mode 100644
index 0000000000..8998f562fd
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-dark-bot-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a7d8b2e343da2d8821a1597f1d845a432577ee649adc1d6c5ce0671be73b8fce
+size 1987
diff --git a/screenshots/Firefox/baseline/s-badge-dark-bot.png b/screenshots/Firefox/baseline/s-badge-dark-bot.png
new file mode 100644
index 0000000000..5b7647199c
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-dark-bot.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1cbe87e485b27fba5b2e070e3fce0a5b657d1a3fdb720e9641d8860ec05ee821
+size 2178
diff --git a/screenshots/Firefox/baseline/s-badge-highcontrast-dark-ai-sm.png b/screenshots/Firefox/baseline/s-badge-highcontrast-dark-ai-sm.png
new file mode 100644
index 0000000000..008035bc58
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-highcontrast-dark-ai-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c1ab890fa6f9cc3888b2b6f6a7aeb718bd3acdc1549406969147f38c1aff0e21
+size 2130
diff --git a/screenshots/Firefox/baseline/s-badge-highcontrast-dark-ai-xs.png b/screenshots/Firefox/baseline/s-badge-highcontrast-dark-ai-xs.png
new file mode 100644
index 0000000000..3144800b11
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-highcontrast-dark-ai-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:eb8f39112c4ea8fb70c8feac17a0d556b28922390adc994135566ff29afa489b
+size 1969
diff --git a/screenshots/Firefox/baseline/s-badge-highcontrast-dark-ai.png b/screenshots/Firefox/baseline/s-badge-highcontrast-dark-ai.png
new file mode 100644
index 0000000000..372989bfab
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-highcontrast-dark-ai.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:33290350f57a319cb78119a0f04345083b91be69af0ccb0443c18ca7c6947e99
+size 2292
diff --git a/screenshots/Firefox/baseline/s-badge-highcontrast-dark-bot-sm.png b/screenshots/Firefox/baseline/s-badge-highcontrast-dark-bot-sm.png
new file mode 100644
index 0000000000..b118072e6f
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-highcontrast-dark-bot-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8d92fd4a7bad4dce7f615eac03ea43583e8e237ae80875ea6e9be146ae266c1c
+size 1993
diff --git a/screenshots/Firefox/baseline/s-badge-highcontrast-dark-bot-xs.png b/screenshots/Firefox/baseline/s-badge-highcontrast-dark-bot-xs.png
new file mode 100644
index 0000000000..6d2f99f2c1
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-highcontrast-dark-bot-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dcc4991a9a6adfa3608243ea71012ff3172d7bcdb3e150b5f38aa94656862358
+size 1991
diff --git a/screenshots/Firefox/baseline/s-badge-highcontrast-dark-bot.png b/screenshots/Firefox/baseline/s-badge-highcontrast-dark-bot.png
new file mode 100644
index 0000000000..9d7fee97d6
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-highcontrast-dark-bot.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c542a1be406ee321ed15993813b2058b478c642a90fc75b6b7cba4bc10de985a
+size 2091
diff --git a/screenshots/Firefox/baseline/s-badge-highcontrast-light-ai-sm.png b/screenshots/Firefox/baseline/s-badge-highcontrast-light-ai-sm.png
new file mode 100644
index 0000000000..7d34330e73
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-highcontrast-light-ai-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ada57edce13dd5671b2a6cf8dde7f52b6aa52061c859f2e7a6ed4a4fe3ed0212
+size 2129
diff --git a/screenshots/Firefox/baseline/s-badge-highcontrast-light-ai-xs.png b/screenshots/Firefox/baseline/s-badge-highcontrast-light-ai-xs.png
new file mode 100644
index 0000000000..5f151980ba
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-highcontrast-light-ai-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ac9792015b47541854edeeb4aa8dbe8c4db35de4c11161e55cd39cec2e250c64
+size 2104
diff --git a/screenshots/Firefox/baseline/s-badge-highcontrast-light-ai.png b/screenshots/Firefox/baseline/s-badge-highcontrast-light-ai.png
new file mode 100644
index 0000000000..1d5944f534
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-highcontrast-light-ai.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:67142403536f8c6495b8a939e3d9a1ffebcb18ada34b88252e9fa6044d413133
+size 2215
diff --git a/screenshots/Firefox/baseline/s-badge-highcontrast-light-bot-sm.png b/screenshots/Firefox/baseline/s-badge-highcontrast-light-bot-sm.png
new file mode 100644
index 0000000000..6dd4be6f96
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-highcontrast-light-bot-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d91777d01a4bc694d161fcb7d2cec87ed7670001704a78c0b67670979fed990d
+size 1877
diff --git a/screenshots/Firefox/baseline/s-badge-highcontrast-light-bot-xs.png b/screenshots/Firefox/baseline/s-badge-highcontrast-light-bot-xs.png
new file mode 100644
index 0000000000..27708db6d8
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-highcontrast-light-bot-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:415618370b258b33d997b5e3e068a672865db768b3145de6c06fb892f556e977
+size 1867
diff --git a/screenshots/Firefox/baseline/s-badge-highcontrast-light-bot.png b/screenshots/Firefox/baseline/s-badge-highcontrast-light-bot.png
new file mode 100644
index 0000000000..67fc271e96
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-highcontrast-light-bot.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:73e9bba89e90c8c1fc47d7d83840c9a790f6554554fecb9521dc9f5facaa5bac
+size 2124
diff --git a/screenshots/Firefox/baseline/s-badge-light-ai-sm.png b/screenshots/Firefox/baseline/s-badge-light-ai-sm.png
new file mode 100644
index 0000000000..aad4ee973b
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-light-ai-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:86e73812d2d37a907d55fff6e37de70caef2d76419d8b12c57c23d6d9e1be3a3
+size 1945
diff --git a/screenshots/Firefox/baseline/s-badge-light-ai-xs.png b/screenshots/Firefox/baseline/s-badge-light-ai-xs.png
new file mode 100644
index 0000000000..7c67037c52
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-light-ai-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9999dd1def0c9e1e0da18180537aa5092b1f7b8357d852a760e6e1f8f384cdaf
+size 1935
diff --git a/screenshots/Firefox/baseline/s-badge-light-ai.png b/screenshots/Firefox/baseline/s-badge-light-ai.png
new file mode 100644
index 0000000000..0287abac9e
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-light-ai.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f6ec763105cf262e60c123f51619f27d576488eee1d900cfce3ca6b924e22642
+size 2197
diff --git a/screenshots/Firefox/baseline/s-badge-light-bot-sm.png b/screenshots/Firefox/baseline/s-badge-light-bot-sm.png
new file mode 100644
index 0000000000..6dd4be6f96
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-light-bot-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d91777d01a4bc694d161fcb7d2cec87ed7670001704a78c0b67670979fed990d
+size 1877
diff --git a/screenshots/Firefox/baseline/s-badge-light-bot-xs.png b/screenshots/Firefox/baseline/s-badge-light-bot-xs.png
new file mode 100644
index 0000000000..27708db6d8
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-light-bot-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:415618370b258b33d997b5e3e068a672865db768b3145de6c06fb892f556e977
+size 1867
diff --git a/screenshots/Firefox/baseline/s-badge-light-bot.png b/screenshots/Firefox/baseline/s-badge-light-bot.png
new file mode 100644
index 0000000000..67fc271e96
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-badge-light-bot.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:73e9bba89e90c8c1fc47d7d83840c9a790f6554554fecb9521dc9f5facaa5bac
+size 2124
diff --git a/screenshots/Webkit/baseline/s-badge-dark-ai-sm.png b/screenshots/Webkit/baseline/s-badge-dark-ai-sm.png
new file mode 100644
index 0000000000..2329f1be65
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-dark-ai-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:89f436bb82faca72ef607d91126bf14afab01ca1727c336883e73614cde20100
+size 1753
diff --git a/screenshots/Webkit/baseline/s-badge-dark-ai-xs.png b/screenshots/Webkit/baseline/s-badge-dark-ai-xs.png
new file mode 100644
index 0000000000..c6dfa66b12
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-dark-ai-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:07d0ef2ae71c7f303559fdf6cab9ddfcb2375ed5817284f91b71cd520aa20d95
+size 1753
diff --git a/screenshots/Webkit/baseline/s-badge-dark-ai.png b/screenshots/Webkit/baseline/s-badge-dark-ai.png
new file mode 100644
index 0000000000..e762051487
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-dark-ai.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c0e57cca7b10e916df7c1e46eb6b63179960729e85c43b8f3af52c91a9f87867
+size 1918
diff --git a/screenshots/Webkit/baseline/s-badge-dark-bot-sm.png b/screenshots/Webkit/baseline/s-badge-dark-bot-sm.png
new file mode 100644
index 0000000000..85ae73149d
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-dark-bot-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c1058939819ef68320b81cbde8039a44ad25e410c4c7e9be3e05a524e9a86632
+size 1504
diff --git a/screenshots/Webkit/baseline/s-badge-dark-bot-xs.png b/screenshots/Webkit/baseline/s-badge-dark-bot-xs.png
new file mode 100644
index 0000000000..a5bcc46689
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-dark-bot-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4e932d5618002f641513df61b0c7ccaa240081a716ca6efeafe40fe18fab2c7f
+size 1505
diff --git a/screenshots/Webkit/baseline/s-badge-dark-bot.png b/screenshots/Webkit/baseline/s-badge-dark-bot.png
new file mode 100644
index 0000000000..e80c2e2732
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-dark-bot.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a6364c41f4491ae38ed9a64c4da851b65b5ccaafbe1fe073345df44a1ae6cb05
+size 1691
diff --git a/screenshots/Webkit/baseline/s-badge-highcontrast-dark-ai-sm.png b/screenshots/Webkit/baseline/s-badge-highcontrast-dark-ai-sm.png
new file mode 100644
index 0000000000..8629159214
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-highcontrast-dark-ai-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:09ca8cef2efcbd877a0132ea7eacdfa920b3bc7db72fd8f1daca6f0d88bd96a7
+size 1576
diff --git a/screenshots/Webkit/baseline/s-badge-highcontrast-dark-ai-xs.png b/screenshots/Webkit/baseline/s-badge-highcontrast-dark-ai-xs.png
new file mode 100644
index 0000000000..ebc5c749d1
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-highcontrast-dark-ai-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0f470c8882a93eda95d725c94b8f8725437d66eb39ab2a14ac47c6a3c98635c2
+size 1567
diff --git a/screenshots/Webkit/baseline/s-badge-highcontrast-dark-ai.png b/screenshots/Webkit/baseline/s-badge-highcontrast-dark-ai.png
new file mode 100644
index 0000000000..c8413d2c67
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-highcontrast-dark-ai.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0dd596064baf73fe7c8eee2674f71128b7d7639b41760b5c315e7c5a03a59762
+size 1744
diff --git a/screenshots/Webkit/baseline/s-badge-highcontrast-dark-bot-sm.png b/screenshots/Webkit/baseline/s-badge-highcontrast-dark-bot-sm.png
new file mode 100644
index 0000000000..87c7d20db9
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-highcontrast-dark-bot-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:894865731058bc4ff5bddecf94f9ddfe43f024265e4e62c5dab6b933e6c275d4
+size 1330
diff --git a/screenshots/Webkit/baseline/s-badge-highcontrast-dark-bot-xs.png b/screenshots/Webkit/baseline/s-badge-highcontrast-dark-bot-xs.png
new file mode 100644
index 0000000000..074bf2f9b1
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-highcontrast-dark-bot-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3111810dcee151eca02198d61a06685f516d995bf86707a6738e192dcf2e1ef0
+size 1316
diff --git a/screenshots/Webkit/baseline/s-badge-highcontrast-dark-bot.png b/screenshots/Webkit/baseline/s-badge-highcontrast-dark-bot.png
new file mode 100644
index 0000000000..6daa53a95e
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-highcontrast-dark-bot.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:013c2a0de8feac9c2228a181d9a0f2638039cabc4934817f87826fe6a11882da
+size 1513
diff --git a/screenshots/Webkit/baseline/s-badge-highcontrast-light-ai-sm.png b/screenshots/Webkit/baseline/s-badge-highcontrast-light-ai-sm.png
new file mode 100644
index 0000000000..21dcbc39a2
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-highcontrast-light-ai-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f956ab0f9ee48e620405deaf71fa019b752f781f782c4c8b8f98466597fa760f
+size 1734
diff --git a/screenshots/Webkit/baseline/s-badge-highcontrast-light-ai-xs.png b/screenshots/Webkit/baseline/s-badge-highcontrast-light-ai-xs.png
new file mode 100644
index 0000000000..508748f0e1
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-highcontrast-light-ai-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d70e4bb31b1fb05517ab4aa2b94a49601f9e331a33dc56832250d68e8a1b0759
+size 1740
diff --git a/screenshots/Webkit/baseline/s-badge-highcontrast-light-ai.png b/screenshots/Webkit/baseline/s-badge-highcontrast-light-ai.png
new file mode 100644
index 0000000000..b0f9ce0138
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-highcontrast-light-ai.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9ac339d5b55c68c2b0c87b5b8acb1f691beefe2de0ade421c14113597835f7f0
+size 1907
diff --git a/screenshots/Webkit/baseline/s-badge-highcontrast-light-bot-sm.png b/screenshots/Webkit/baseline/s-badge-highcontrast-light-bot-sm.png
new file mode 100644
index 0000000000..9bb65c91f0
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-highcontrast-light-bot-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ec9fda209c64b8a247d00ff23f0db6ccbc0f084496045a22a5b8a4fa951bebf8
+size 1492
diff --git a/screenshots/Webkit/baseline/s-badge-highcontrast-light-bot-xs.png b/screenshots/Webkit/baseline/s-badge-highcontrast-light-bot-xs.png
new file mode 100644
index 0000000000..8979c777ab
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-highcontrast-light-bot-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ce14d78835598330fff5e3d12e780bc292a38d0a8dccbc42d8504015f5f491d6
+size 1492
diff --git a/screenshots/Webkit/baseline/s-badge-highcontrast-light-bot.png b/screenshots/Webkit/baseline/s-badge-highcontrast-light-bot.png
new file mode 100644
index 0000000000..d0561b336c
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-highcontrast-light-bot.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fc96006d832f534a933a8bb1935bf8b93784001a3990a1544741fd06d27a14c2
+size 1679
diff --git a/screenshots/Webkit/baseline/s-badge-light-ai-sm.png b/screenshots/Webkit/baseline/s-badge-light-ai-sm.png
new file mode 100644
index 0000000000..14d3a41ae9
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-light-ai-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:23d671a6d4802080321741e638f07c5fc1267f44401ce22aae379e8b9c8349d7
+size 1706
diff --git a/screenshots/Webkit/baseline/s-badge-light-ai-xs.png b/screenshots/Webkit/baseline/s-badge-light-ai-xs.png
new file mode 100644
index 0000000000..cabe2fb245
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-light-ai-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3a69df7c023e0436b84f1f41aeacf4cd454e7716b725e12a7a06a8302e73738d
+size 1708
diff --git a/screenshots/Webkit/baseline/s-badge-light-ai.png b/screenshots/Webkit/baseline/s-badge-light-ai.png
new file mode 100644
index 0000000000..ea5e6c5a07
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-light-ai.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:80eac9fdc30f0901345c4e0d872ce00fbf068d5c033fbf4a337a9eb155fc31cb
+size 1888
diff --git a/screenshots/Webkit/baseline/s-badge-light-bot-sm.png b/screenshots/Webkit/baseline/s-badge-light-bot-sm.png
new file mode 100644
index 0000000000..9bb65c91f0
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-light-bot-sm.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ec9fda209c64b8a247d00ff23f0db6ccbc0f084496045a22a5b8a4fa951bebf8
+size 1492
diff --git a/screenshots/Webkit/baseline/s-badge-light-bot-xs.png b/screenshots/Webkit/baseline/s-badge-light-bot-xs.png
new file mode 100644
index 0000000000..8979c777ab
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-light-bot-xs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ce14d78835598330fff5e3d12e780bc292a38d0a8dccbc42d8504015f5f491d6
+size 1492
diff --git a/screenshots/Webkit/baseline/s-badge-light-bot.png b/screenshots/Webkit/baseline/s-badge-light-bot.png
new file mode 100644
index 0000000000..d0561b336c
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-badge-light-bot.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fc96006d832f534a933a8bb1935bf8b93784001a3990a1544741fd06d27a14c2
+size 1679