diff --git a/data/usercontext.css b/data/usercontext.css
index a16c07e..6599562 100644
--- a/data/usercontext.css
+++ b/data/usercontext.css
@@ -90,6 +90,22 @@ value, or chrome url path as an alternate selector mitiages this bug.*/
--identity-icon: url("resource://testpilot-containers/data/usercontext.svg#food");
}
+[data-identity-icon="fruit"] {
+ --identity-icon: url("resource://testpilot-containers/data/usercontext.svg#fruit");
+}
+
+[data-identity-icon="pet"] {
+ --identity-icon: url("resource://testpilot-containers/data/usercontext.svg#pet");
+}
+
+[data-identity-icon="tree"] {
+ --identity-icon: url("resource://testpilot-containers/data/usercontext.svg#tree");
+}
+
+[data-identity-icon="chill"] {
+ --identity-icon: url("resource://testpilot-containers/data/usercontext.svg#chill");
+}
+
#userContext-indicator {
height: 16px;
width: 16px;
diff --git a/data/usercontext.svg b/data/usercontext.svg
index 0b53f91..761c2b2 100644
--- a/data/usercontext.svg
+++ b/data/usercontext.svg
@@ -53,5 +53,23 @@
+
+
+
+
diff --git a/index.js b/index.js
index 779e484..87442e7 100644
--- a/index.js
+++ b/index.js
@@ -27,6 +27,10 @@ const IDENTITY_ICONS = [
{ name: "gift", image: "gift" },
{ name: "vacation", image: "vacation" },
{ name: "food", image: "food" },
+ { name: "fruit", image: "fruit" },
+ { name: "pet", image: "pet" },
+ { name: "tree", image: "tree" },
+ { name: "chill", image: "chill" },
{ name: "circle", image: "circle" }, // this doesn't exist in m-b
];
diff --git a/webextension/css/popup.css b/webextension/css/popup.css
index 612738c..3b0498b 100644
--- a/webextension/css/popup.css
+++ b/webextension/css/popup.css
@@ -108,6 +108,22 @@ table {
--identity-icon: url("/img/usercontext.svg#vacation");
}
+[data-identity-icon="fruit"] {
+ --identity-icon: url("/img/usercontext.svg#fruit");
+}
+
+[data-identity-icon="pet"] {
+ --identity-icon: url("/img/usercontext.svg#pet");
+}
+
+[data-identity-icon="tree"] {
+ --identity-icon: url("/img/usercontext.svg#tree");
+}
+
+[data-identity-icon="chill"] {
+ --identity-icon: url("/img/usercontext.svg#chill");
+}
+
/* Buttons */
.button.primary {
background-color: #0996f8;
diff --git a/webextension/img/usercontext.svg b/webextension/img/usercontext.svg
index 0b53f91..761c2b2 100644
--- a/webextension/img/usercontext.svg
+++ b/webextension/img/usercontext.svg
@@ -53,5 +53,23 @@
+
+
+
+
diff --git a/webextension/js/popup.js b/webextension/js/popup.js
index 5264f71..b8f982c 100644
--- a/webextension/js/popup.js
+++ b/webextension/js/popup.js
@@ -494,7 +494,7 @@ Logic.registerPanel(P_CONTAINER_EDIT, {
return `