From b28e9b01fd1c69dad7a45de94c7d497d4aa5bb3e Mon Sep 17 00:00:00 2001 From: ijin08 Date: Mon, 28 Jan 2019 11:52:36 +0100 Subject: [PATCH] updated the color palette --- .../src/utils/namedColorsPalette.ts | 28 +++++++++---------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/packages/grafana-ui/src/utils/namedColorsPalette.ts b/packages/grafana-ui/src/utils/namedColorsPalette.ts index 4112927ffd1..893b6cb1926 100644 --- a/packages/grafana-ui/src/utils/namedColorsPalette.ts +++ b/packages/grafana-ui/src/utils/namedColorsPalette.ts @@ -64,11 +64,11 @@ export const buildColorDefinition = ( isPrimary: !!isPrimary, }); -export const BasicGreen = buildColorDefinition('green', 'green', ['#5AA64B', '#77BF69'], true); -export const DarkGreen = buildColorDefinition('green', 'dark-green', ['#1E6910', '#388729']); -export const SemiDarkGreen = buildColorDefinition('green', 'semi-dark-green', ['#388729', '#5AA64B']); -export const LightGreen = buildColorDefinition('green', 'light-green', ['#77BF69', '#99D98D']); -export const SuperLightGreen = buildColorDefinition('green', 'super-light-green', ['#99D98D', '#CAF2C2']); +export const BasicGreen = buildColorDefinition('green', 'green', ['#56A64B', '#73BF69'], true); +export const DarkGreen = buildColorDefinition('green', 'dark-green', ['#19730E', '#37872D']); +export const SemiDarkGreen = buildColorDefinition('green', 'semi-dark-green', ['#37872D', '#56A64B']); +export const LightGreen = buildColorDefinition('green', 'light-green', ['#73BF69', '#96D98D']); +export const SuperLightGreen = buildColorDefinition('green', 'super-light-green', ['#96D98D', '#C8F2C2']); export const BasicYellow = buildColorDefinition('yellow', 'yellow', ['#F2CC0C', '#FADE2A'], true); export const DarkYellow = buildColorDefinition('yellow', 'dark-yellow', ['#CC9D00', '#E0B400']); @@ -76,15 +76,15 @@ export const SemiDarkYellow = buildColorDefinition('yellow', 'semi-dark-yellow', export const LightYellow = buildColorDefinition('yellow', 'light-yellow', ['#FADE2A', '#FFEE52']); export const SuperLightYellow = buildColorDefinition('yellow', 'super-light-yellow', ['#FFEE52', '#FFF899']); -export const BasicRed = buildColorDefinition('red', 'red', ['#DE314D', '#F24965'], true); -export const DarkRed = buildColorDefinition('red', 'dark-red', ['#AB031F', '#C41834']); -export const SemiDarkRed = buildColorDefinition('red', 'semi-dark-red', ['#C41834', '#DE314D']); -export const LightRed = buildColorDefinition('red', 'light-red', ['#F24965', '#FF7389']); -export const SuperLightRed = buildColorDefinition('red', 'super-light-red', ['#FF7389', '#FFA6B4']); +export const BasicRed = buildColorDefinition('red', 'red', ['#E02F44', '#F2495C'], true); +export const DarkRed = buildColorDefinition('red', 'dark-red', ['#AD0317', '#C4162A']); +export const SemiDarkRed = buildColorDefinition('red', 'semi-dark-red', ['#C4162A', '#E02F44']); +export const LightRed = buildColorDefinition('red', 'light-red', ['#F2495C', '#FF7383']); +export const SuperLightRed = buildColorDefinition('red', 'super-light-red', ['#FF7383', '#FFA6B0']); export const BasicBlue = buildColorDefinition('blue', 'blue', ['#3274D9', '#5794F2'], true); -export const DarkBlue = buildColorDefinition('blue', 'dark-blue', ['#144796', '#1857B8']); -export const SemiDarkBlue = buildColorDefinition('blue', 'semi-dark-blue', ['#1857B8', '#3274D9']); +export const DarkBlue = buildColorDefinition('blue', 'dark-blue', ['#1250B0', '#1F60C4']); +export const SemiDarkBlue = buildColorDefinition('blue', 'semi-dark-blue', ['#1F60C4', '#3274D9']); export const LightBlue = buildColorDefinition('blue', 'light-blue', ['#5794F2', '#8AB8FF']); export const SuperLightBlue = buildColorDefinition('blue', 'super-light-blue', ['#8AB8FF', '#C0D8FF']); @@ -95,8 +95,8 @@ export const LightOrange = buildColorDefinition('orange', 'light-orange', ['#FF9 export const SuperLightOrange = buildColorDefinition('orange', 'super-light-orange', ['#FFB357', '#FFCB7D']); export const BasicPurple = buildColorDefinition('purple', 'purple', ['#A352CC', '#B877D9'], true); -export const DarkPurple = buildColorDefinition('purple', 'dark-purple', ['#732699', '#8936B2']); -export const SemiDarkPurple = buildColorDefinition('purple', 'semi-dark-purple', ['#8936B2', '#A352CC']); +export const DarkPurple = buildColorDefinition('purple', 'dark-purple', ['#7C2EA3', '#8F3BB8']); +export const SemiDarkPurple = buildColorDefinition('purple', 'semi-dark-purple', ['#8F3BB8', '#A352CC']); export const LightPurple = buildColorDefinition('purple', 'light-purple', ['#B877D9', '#CA95E5']); export const SuperLightPurple = buildColorDefinition('purple', 'super-light-purple', ['#CA95E5', '#DEB6F2']);