diff --git a/src/global_styling/variables/_colors.scss b/src/global_styling/variables/_colors.scss index 9310b2d6a2..14d416f7b8 100644 --- 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 index 2981bb3a82..91cbd54898 100644 --- a/src/themes/oui/oui_colors_dark.scss +++ b/src/themes/oui/oui_colors_dark.scss @@ -12,30 +12,30 @@ @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; // Status $ouiColorSuccess: $ouiColorSecondary; $ouiColorWarning: #FFCE7A; -$ouiColorDanger: #F66; +$ouiColorDanger: #FF6666; // 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;