diff --git a/src/styles/colors.js b/src/styles/colors.js index b8cd3a2100089..484b4716259ba 100644 --- a/src/styles/colors.js +++ b/src/styles/colors.js @@ -39,4 +39,7 @@ export default { gray2: '#ECECEC', gray3: '#C6C9CA', gray4: '#7D8B8F', + oldRed: '#fc3826', + oldRedHover: '#e13826', + oldRedDisabled: '#fea29a', }; diff --git a/src/styles/themes/default.js b/src/styles/themes/default.js index 648387852f65f..d38f514dbddfe 100644 --- a/src/styles/themes/default.js +++ b/src/styles/themes/default.js @@ -75,7 +75,7 @@ const oldTheme = { iconReversed: colors.white, textSupporting: colors.gray4, text: colors.dark, - textError: colors.red, + textError: colors.oldRed, textBackground: colors.gray1, textReversed: colors.white, textMutedReversed: colors.gray3, @@ -97,10 +97,10 @@ const oldTheme = { // Merging new Keys for Dark Mode merge. Delete after new branding is implemented. highlightBG: colors.gray1, - danger: colors.red, - dangerHover: colors.redHover, - dangerPressed: colors.redHover, - dangerDisabled: colors.redDisabled, + danger: colors.oldRed, + dangerHover: colors.oldRedHover, + dangerPressed: colors.oldRedHover, + dangerDisabled: colors.oldRedDisabled, warning: colors.yellow, success: colors.green, successHover: colors.greenHover,