From 546745baa1222206a4d8f72f33549dbc55e78f9a Mon Sep 17 00:00:00 2001
From: Kendall Werts <kmwerts@gmail.com>
Date: Fri, 4 Oct 2019 17:20:54 -0500
Subject: [PATCH] added CUD colors

---
 src/css/popup.css | 41 +++++++++++++++++++++++++++++++++++++++++
 src/js/popup.js   |  1 +
 2 files changed, 42 insertions(+)

diff --git a/src/css/popup.css b/src/css/popup.css
index 5f45f10..f4bea5a 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -158,6 +158,47 @@ table {
   --identity-icon-color: #af51f5;
 }
 
+[data-identity-color="black"] {
+  --identity-tab-color: #000000;
+  --identity-icon-color: #000000;
+}
+
+[data-identity-color="CUDorange"] {
+  --identity-tab-color: #e69f00;
+  --identity-icon-color: #e69f00;
+}
+
+[data-identity-color="skyblue"] {
+  --identity-tab-color: #56b4e9;
+  --identity-icon-color: #56b4e9;
+}
+
+[data-identity-color="bluegreen"] {
+  --identity-tab-color: #009e73;
+  --identity-icon-color: #009e73;
+}
+
+[data-identity-color="CUDyellow"] {
+  --identity-tab-color: #f0e442;
+  --identity-icon-color: #f0e442;
+}
+
+[data-identity-color="CUDblue"] {
+  --identity-tab-color: #0072b2;
+  --identity-icon-color: #0072b2;
+}
+
+[data-identity-color="vermillion"] {
+  --identity-tab-color: #d55e00;
+  --identity-icon-color: #d55e00;
+}
+
+[data-identity-color="redpurple"] {
+  --identity-tab-color: #cc79a7;
+  --identity-icon-color: #cc79a7;
+}
+
+
 [data-identity-icon="fingerprint"] {
   --identity-icon: url("/img/usercontext.svg#fingerprint");
 }
diff --git a/src/js/popup.js b/src/js/popup.js
index 80986a2..02c8999 100644
--- a/src/js/popup.js
+++ b/src/js/popup.js
@@ -1019,6 +1019,7 @@ Logic.registerPanel(P_CONTAINER_EDIT, {
      <label for="edit-container-panel-choose-color-${containerColor}" class="usercontext-icon choose-color-icon" data-identity-icon="circle" data-identity-color="${containerColor}">`;
     };
     const colors = ["blue", "turquoise", "green", "yellow", "orange", "red", "pink", "purple" ];
+    const CUDcolors = ["black", "CUDorange", "skyblue", "bluegreen", "CUDyellow", "CUDblue", "vermillion", "redpurple" ];
     const colorRadioFieldset = document.getElementById("edit-container-panel-choose-color");
     colors.forEach((containerColor) => {
       const templateInstance = document.createElement("div");