1 files changed, 133 insertions, 0 deletions
diff --git a/tensorflow/tensorboard/components/tf-graph-common/lib/colors.ts b/tensorflow/tensorboard/components/tf-graph-common/lib/colors.ts
new file mode 100644
index 0000000000..8912483c09
--- /dev/null
+++ b/tensorflow/tensorboard/components/tf-graph-common/lib/colors.ts
@@ -0,0 +1,133 @@
+module tf {
+
+/**
+ * Mapping from color palette name to color pallette, which contains
+ * exact colors for multiple states of a single color pallette.
+ */
+export let COLORS = [
+  {
+    "name": "Google Blue",
+    "color": "#4184f3",
+    "active": "#3a53c5",
+    "disabled": "#cad8fc"
+  },
+  {
+    "name": "Google Red",
+    "color": "#db4437",
+    "active": "#8f2a0c",
+    "disabled": "#e8c6c1"
+  },
+  {
+    "name": "Google Yellow",
+    "color": "#f4b400",
+    "active": "#db9200",
+    "disabled": "#f7e8b0"
+  },
+  {
+    "name": "Google Green",
+    "color": "#0f9d58",
+    "active": "#488046",
+    "disabled": "#c2e1cc"
+  },
+  {
+    "name": "Purple",
+    "color": "#aa46bb",
+    "active": "#5c1398",
+    "disabled": "#d7bce6"
+  },
+  {
+    "name": "Teal",
+    "color": "#00abc0",
+    "active": "#47828e",
+    "disabled": "#c2eaf2"
+  },
+  {
+    "name": "Deep Orange",
+    "color": "#ff6f42",
+    "active": "#ca4a06",
+    "disabled": "#f2cbba"
+  },
+  {
+    "name": "Lime",
+    "color": "#9d9c23",
+    "active": "#7f771d",
+    "disabled": "#f1f4c2"
+  },
+  {
+    "name": "Indigo",
+    "color": "#5b6abf",
+    "active": "#3e47a9",
+    "disabled": "#c5c8e8"
+  },
+  {
+    "name": "Pink",
+    "color": "#ef6191",
+    "active": "#ca1c60",
+    "disabled": "#e9b9ce"
+  },
+  {
+    "name": "Deep Teal",
+    "color": "#00786a",
+    "active": "#2b4f43",
+    "disabled": "#bededa"
+  },
+  {
+    "name": "Deep Pink",
+    "color": "#c1175a",
+    "active": "#75084f",
+    "disabled": "#de8cae"
+  },
+  {
+    "name": "Gray",
+    "color": "#9E9E9E", // 500
+    "active": "#424242", // 800
+    "disabled": "F5F5F5" // 100
+  }
+].reduce((m, c) => {
+  m[c.name] = c;
+  return m;
+}, {});
+
+/**
+ * Mapping from op category to color palette name
+ * e.g.,  OP_GROUP_COLORS["state_ops"] = "Google Blue";
+ */
+export let OP_GROUP_COLORS = [
+  {
+    color: "Google Red",
+    groups: ["gen_legacy_ops", "legacy_ops", "legacy_flogs_input",
+      "legacy_image_input", "legacy_input_example_input",
+      "legacy_sequence_input", "legacy_seti_input_input"]
+  }, {
+    color: "Deep Orange",
+    groups: ["constant_ops"]
+  }, {
+    color: "Indigo",
+    groups: ["state_ops"]
+  }, {
+    color: "Purple",
+    groups: ["nn_ops", "nn"]
+  }, {
+    color: "Google Green",
+    groups: ["math_ops"]
+  }, {
+    color: "Lime",
+    groups: ["array_ops"]
+  }, {
+    color: "Teal",
+    groups: ["control_flow_ops", "data_flow_ops"]
+  }, {
+    color: "Pink",
+    groups: ["summary_ops"]
+  }, {
+    color: "Deep Pink",
+    groups: ["io_ops"]
+  }
+].reduce((m, c) => {
+  c.groups.forEach(function(group) {
+    m[group] = c.color;
+  });
+  return m;
+}, {});
+
+}