feat: new colors

src/js/utils/colors.js

@@ -1,18 +1,24 @@
 const PRESET_COLOR_MAP = {
-	'light-blue': '#7cd6fd',
-	'blue': '#5e64ff',
-	'violet': '#743ee2',
-	'red': '#ff5858',
-	'orange': '#ffa00a',
-	'yellow': '#feef72',
-	'green': '#28a745',
-	'light-green': '#98d85b',
-	'purple': '#b554ff',
-	'magenta': '#ffa3ef',
-	'black': '#36114C',
-	'grey': '#bdd3e6',
-	'light-grey': '#f0f4f7',
-	'dark-grey': '#b8c2cc'
+	'pink': '#F683AE',
+	'blue': '#2D95F0',
+	'green': '#48BB74',
+	'grey': '#A6B1B9',
+	'red': '#F56B6B',
+	'yellow': '#FACF7A',
+	'purple': '#44427B',
+	'teal': '#5FD8C4',
+	'cyan': '#15CCEF',
+	'orange': '#F8814F',
+	'light-pink': '#FED7E5',
+	'light-blue': '#EBF5FF',
+	'light-green': '#48BB74',
+	'light-grey': '#F4F5F6',
+	'light-red': '#F6DFDF',
+	'light-yellow': '#FEE9BF',
+	'light-purple': '#E8E8F7',
+	'light-teal': '#D3FDF6',
+	'light-cyan': '#DDF8FD',
+	'light-orange': '#FECDB8'
 };
 
 function limitColor(r){

src/js/utils/constants.js

@@ -86,9 +86,7 @@ export const HEATMAP_GUTTER_SIZE = 2;
 export const DEFAULT_CHAR_WIDTH = 7;
 
 export const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 7.48;
-
-const DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',
-	'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];
+const DEFAULT_CHART_COLORS = ['pink', 'blue', 'green', 'grey', 'red', 'yellow', 'purple', 'teal', 'cyan', 'orange'];
 const HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];
 export const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];
 export const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];