COLORS
COLORS: object = [{'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;}, {})
OP_GROUP_COLORS
OP_GROUP_COLORS: object = [{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;}, {})
Mapping from color palette name to color palette, which contains exact colors for multiple states of a single color palette.