From 09c3186813da5a4e0a2a44d5124349256b4d5800 Mon Sep 17 00:00:00 2001 From: Shivam Mishra Date: Fri, 26 Jun 2020 15:02:53 +0530 Subject: [PATCH] feat: new colors --- src/js/utils/colors.js | 34 ++++++++++++++++++++-------------- src/js/utils/constants.js | 4 +--- 2 files changed, 21 insertions(+), 17 deletions(-) diff --git a/src/js/utils/colors.js b/src/js/utils/colors.js index b77b6e0..23b5f06 100644 --- a/src/js/utils/colors.js +++ b/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){ diff --git a/src/js/utils/constants.js b/src/js/utils/constants.js index 031b169..47993eb 100644 --- a/src/js/utils/constants.js +++ b/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'];