add harmony

resources/frontend_client/app/card/card.services.js

@@ -2,7 +2,7 @@
 
 import _ from "underscore";
 
-import { saturated } from '../lib/colors'
+import { harmony } from '../lib/colors'
 
 // Card Services
 var CardServices = angular.module('metabase.card.services', ['ngResource', 'ngCookies']);
@@ -296,9 +296,7 @@ CardServices.service('QueryUtils', function() {
 
 CardServices.service('VisualizationSettings', [function() {
 
-    var DEFAULT_COLOR_HARMONY = _.map(saturated, (value) => {
-        return value;
-    })
+    var DEFAULT_COLOR_HARMONY = harmony;
 
     var DEFAULT_COLOR = DEFAULT_COLOR_HARMONY[0];
 

resources/frontend_client/app/lib/colors.js

@@ -3,7 +3,7 @@ export const normal = {
     green: '#9CC177',
     purple: '#A989C5',
     red: '#EF8C8C',
-    yellow: '#EF8C8C',
+    yellow: '#f9d45c',
 }
 
 export const saturated = {
@@ -21,3 +21,31 @@ export const desaturated = {
     red: '#EEA5A5',
     yellow: '#F7D97B',
 }
+
+export const harmony = [
+    "#509ee3", /* normal blue */
+    "#6450e3",
+    "#e35850",
+    "#55e350",
+    "#50e3ae",
+    "#9cc177", /* normal green */
+    "#77c183",
+    "#7d77c1",
+    "#c17777",
+    "#c1a877",
+    "#a989c5", /* normal purple */
+    "#c589b9",
+    "#bec589",
+    "#89c3c5",
+    "#899bc5",
+    "#ef8c8c", /* normal red */
+    "#efce8c",
+    "#8cefc6",
+    "#be8cef",
+    "#ef8cde",
+    "#f9d45c", /* normal yellow */
+    "#b5f95c",
+    "#5cc2f9",
+    "#f95cd0",
+    "#f95c67",
+]