Change default color palette

opensearch-project#807 Signed-off-by: Miki <miki@amazon.com>
AMoo-Miki · Jun 15, 2023 · 279e720 · 279e720
1 parent 1242ebe
commit 279e720
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 24 deletions.
diff --git a/src/global_styling/variables/_colors.scss b/src/global_styling/variables/_colors.scss
@@ -13,11 +13,11 @@
 @import '../functions/index';
 
 // These colors stay the same no matter the theme
-$ouiColorGhost: #FFF !default;
-$ouiColorInk: #000 !default;
+$ouiColorGhost: #FCFEFF !default;
+$ouiColorInk: #0A121A !default;
 
 // Core
-$ouiColorPrimary: #006BB4 !default;
+$ouiColorPrimary: #159D8D !default;
 $ouiColorSecondary: #017D73 !default;
 $ouiColorAccent: #DD0A73 !default;
 
@@ -27,16 +27,16 @@ $ouiColorWarning: #F5A700 !default;
 $ouiColorDanger: #BD271E !default;
 
 // Grays
-$ouiColorEmptyShade: #FFF !default;
-$ouiColorLightestShade: #F5F7FA !default;
-$ouiColorLightShade: #D3DAE6 !default;
-$ouiColorMediumShade: #98A2B3 !default;
-$ouiColorDarkShade: #69707D !default;
-$ouiColorDarkestShade: #343741 !default;
-$ouiColorFullShade: #000 !default;
+$ouiColorEmptyShade: #FCFEFF !default;
+$ouiColorLightestShade: #E3E5E8 !default;
+$ouiColorLightShade: #D6D9DD !default;
+$ouiColorMediumShade: #ADB4BA !default;
+$ouiColorDarkShade: #5A6875 !default;
+$ouiColorDarkestShade: #2A3947 !default;
+$ouiColorFullShade: #0A1219 !default;
 
 // Backgrounds
-$ouiPageBackgroundColor: tint($ouiColorLightestShade, 50%) !default;
+$ouiPageBackgroundColor: #F0F2F4 !default;
 $ouiColorHighlight: #FFFCDD !default;
 
 // Every color below must be based mathematically on the set above and in a particular order.
@@ -53,7 +53,7 @@ $ouiColorWarningText: makeHighContrastColor($ouiColorWarning) !default;
 $ouiColorDangerText: makeHighContrastColor($ouiColorDanger) !default;
 $ouiColorDisabledText: makeDisabledContrastColor($ouiColorDisabled) !default;
 $ouiColorSuccessText: $ouiColorSecondaryText !default;
-$ouiLinkColor: $ouiColorPrimaryText !default;
+$ouiLinkColor: #006BB4 !default;
 
 // Visualization colors
 

diff --git a/src/themes/oui/oui_colors_dark.scss b/src/themes/oui/oui_colors_dark.scss
@@ -12,11 +12,11 @@
 @import '../../global_styling/functions/index';
 
 // These colors stay the same no matter the theme
-$ouiColorGhost: #FFF;
-$ouiColorInk: #000;
+$ouiColorGhost: #FCFEFF;
+$ouiColorInk: #0A121A;
 
 // Core
-$ouiColorPrimary: #1BA9F5;
+$ouiColorPrimary: #159D8D;
 $ouiColorSecondary: #7DE2D1;
 $ouiColorAccent: #F990C0;
 
@@ -26,16 +26,16 @@ $ouiColorWarning: #FFCE7A;
 $ouiColorDanger: #F66;
 
 // Grays
-$ouiColorEmptyShade: #1D1E24;
-$ouiColorLightestShade: #25262E;
-$ouiColorLightShade: #343741;
-$ouiColorMediumShade: #535966;
-$ouiColorDarkShade: #98A2B3;
-$ouiColorDarkestShade: #D4DAE5;
-$ouiColorFullShade: #FFF;
+$ouiColorEmptyShade: #0A121A;
+$ouiColorLightestShade: #101B25;
+$ouiColorLightShade: #293847;
+$ouiColorMediumShade: #5B6875;
+$ouiColorDarkShade: #8D98A3;
+$ouiColorDarkestShade: #DFE3E8;
+$ouiColorFullShade: #FCFEFF;
 
 // Backgrounds
-$ouiPageBackgroundColor: shade($ouiColorLightestShade, 45%);
+$ouiPageBackgroundColor: #172430;
 $ouiColorHighlight: #2E2D25;
 
 // Variations from core
@@ -52,7 +52,7 @@ $ouiColorWarningText: makeHighContrastColor($ouiColorWarning);
 $ouiColorDangerText: makeHighContrastColor($ouiColorDanger);
 $ouiColorDisabledText: makeDisabledContrastColor($ouiColorDisabled);
 $ouiColorSuccessText: $ouiColorSecondaryText;
-$ouiLinkColor: $ouiColorPrimaryText;
+$ouiLinkColor: #1BA9F5;
 
 // Charts
 $ouiColorChartLines: $ouiColorLightShade;