With eui aliases removed

diff-light.txt

 {
   ouiButtonEmptyTypes: {
-    primary: "#006bb4"
+    primary: "#14786f"
-    disabled: "#afb0b3"
+    disabled: "#a4aaaf"
-    ghost: "#ffffff"
+    ghost: "#fcfeff"
-    text: "#343741"
+    text: "#2a3947"
-    success: "#017d73"
+    success: "#01786f"
-    warning: "#9b6900"
+    warning: "#8f680b"
   }
   ouiCallOutTypes: {
-    primary: "#006bb4"
+    primary: "#159d8d"
   }
   ouiCardSelectButtonBorders: {
-    primary: "#006bb4"
+    primary: "#159d8d"
-    ghost: "#69707d"
+    ghost: "#5a6875"
   }
   ouiCardSelectButtonBackgrounds: {
-    text: "#f5f7fa"
+    text: "#e3e5e8"
-    primary: "#e6f0f8"
+    primary: "#e5f4f4"
-    success: "#e6f2f1"
+    success: "#e3f1f1"
-    danger: "#f8e9e9"
+    danger: "#f6e9e9"
-    ghost: "#69707d"
+    ghost: "#5a6875"
   }
-  ouiCollapsibleNavGroupLightBackgroundColor: "#fafbfd"
+  ouiCollapsibleNavGroupLightBackgroundColor: "#f0f2f4"
-  ouiCollapsibleNavGroupDarkBackgroundColor: "#2a2c34"
+  ouiCollapsibleNavGroupDarkBackgroundColor: "#24313e"
-  ouiCollapsibleNavGroupDarkHighContrastColor: "#2580bf"
+  ouiCollapsibleNavGroupDarkHighContrastColor: "#159d8d"
-  ouiControlBarBackground: "#343741"
+  ouiControlBarBackground: "#2a3947"
-  ouiControlBarBorderColor: "rgba(255, 255, 255, 0.19999999999999996)"
+  ouiControlBarBorderColor: "rgba(252, 254, 255, 0.19999999999999996)"
-  ouiDataGridVerticalBorder: "solid 1px #edf0f5"
+  ouiDataGridVerticalBorder: "solid 1px #edeff1"
   ouiExpressionColors: {
-    subdued: "#6a717d"
+    subdued: "#676e75"
-    primary: "#006bb4"
+    primary: "#14786f"
-    success: "#017d73"
+    success: "#01786f"
-    secondary: "#017d73"
+    secondary: "#01786f"
-    warning: "#9b6900"
+    warning: "#8f680b"
-    accent: "#dd0a73"
+    accent: "#d20a6f"
   }
-  ouiFlyoutBorder: "1px solid #d3dae6"
+  ouiFlyoutBorder: "1px solid #d6d9dd"
   ouiRangeLevelColors: {
-    primary: "#006bb4"
+    primary: "#159d8d"
   }
   ouiIconColors: {
-    ghost: "#ffffff"
+    ghost: "#fcfeff"
-    primary: "#006bb4"
+    primary: "#149687"
-    subdued: "#6a717d"
+    subdued: "#676e75"
-    text: "#343741"
+    text: "#2a3947"
-    warning: "#be8100"
+    warning: "#b68006"
   }
   ouiLinkColors: {
-    subdued: "#6a717d"
+    subdued: "#676e75"
-    primary: "#006bb4"
+    primary: "#14786f"
-    secondary: "#017d73"
+    secondary: "#01786f"
-    success: "#017d73"
+    success: "#01786f"
-    accent: "#dd0a73"
+    accent: "#d20a6f"
-    warning: "#9b6900"
+    warning: "#8f680b"
-    text: "#343741"
+    text: "#2a3947"
-    ghost: "#ffffff"
+    ghost: "#fcfeff"
   }
-  ouiListGroupItemHoverBackground: "rgba(211, 218, 230, 0.25)"
+  ouiListGroupItemHoverBackground: "rgba(214, 217, 221, 0.25)"
-  ouiListGroupItemHoverBackgroundGhost: "rgba(255, 255, 255, 0.09999999999999998)"
+  ouiListGroupItemHoverBackgroundGhost: "rgba(252, 254, 255, 0.09999999999999998)"
   ouiListGroupItemColorTypes: {
-    primary: "#006bb4"
+    primary: "#14786f"
-    text: "#343741"
+    text: "#2a3947"
-    subdued: "#6a717d"
+    subdued: "#676e75"
-    ghost: "#ffffff"
+    ghost: "#fcfeff"
   }
-  ouiGradientStartStop: "#f0f2f6"
+  ouiGradientStartStop: "#eff1f3"
-  ouiGradientMiddle: "#f6f8fa"
+  ouiGradientMiddle: "#f4f7f8"
   ouiProgressColors: {
-    primary: "#006bb4"
+    primary: "#159d8d"
-    subdued: "#6a717d"
+    subdued: "#676e75"
   }
-  ouiSelectableListItemBorder: "1px solid #eef2f7"
+  ouiSelectableListItemBorder: "1px solid #dde0e3"
   ouiSelectableTemplateSitewideTypes: {
     application: {
-      color: "#4e779c"
+      color: "#4a7195"
     }
     deployment: {
-      color: "#3b7d6a"
+      color: "#39776b"
     }
     article: {
-      color: "#8365a6"
+      color: "#785f9b"
     }
     case: {
-      color: "#bc533e"
+      color: "#ad5040"
     }
     platform: {
-      color: "#807234"
+      color: "#736b39"
     }
   }
-  ouiSideNavEmphasizedBackgroundColor: "rgba(211, 218, 230, 0.30000000000000004)"
+  ouiSideNavEmphasizedBackgroundColor: "rgba(214, 217, 221, 0.30000000000000004)"
-  ouiSideNavRootTextcolor: "#1a1c21"
+  ouiSideNavRootTextcolor: "#1a2631"
-  ouiSideNavBranchTextcolor: "#656b77"
+  ouiSideNavBranchTextcolor: "#626970"
-  ouiSideNavSelectedTextcolor: "#006bb4"
+  ouiSideNavSelectedTextcolor: "#14736b"
-  ouiSideNavDisabledTextcolor: "#a6a7aa"
+  ouiSideNavDisabledTextcolor: "#9ca2a8"
   ouiStepStatusColorsToFade: {
-    disabled: "#69707d"
+    disabled: "#5a6875"
-    incomplete: "#69707d"
+    incomplete: "#5a6875"
   }
   ouiSuggestItemColors: {
-    tint10: "#69707d"
+    tint10: "#5a6875"
   }
-  ouiTableHoverColor: "#fafbfd"
+  ouiTableHoverColor: "#f0f2f4"
-  ouiTableSelectedColor: "#eef5fa"
+  ouiTableSelectedColor: "#ecf7f7"
-  ouiTableHoverSelectedColor: "#e6f0f8"
+  ouiTableHoverSelectedColor: "#e5f4f4"
-  ouiTableActionsBorderColor: "rgba(152, 162, 179, 0.09999999999999998)"
+  ouiTableActionsBorderColor: "rgba(173, 180, 186, 0.09999999999999998)"
-  ouiTableHoverClickableColor: "rgba(0, 107, 180, 0.050000000000000044)"
+  ouiTableHoverClickableColor: "rgba(21, 157, 141, 0.050000000000000044)"
-  ouiTableFocusClickableColor: "rgba(0, 107, 180, 0.09999999999999998)"
+  ouiTableFocusClickableColor: "rgba(21, 157, 141, 0.09999999999999998)"
   ouiTextColors: {
-    default: "#343741"
+    default: "#2a3947"
-    subdued: "#6a717d"
+    subdued: "#676e75"
-    ghost: "#ffffff"
+    ghost: "#fcfeff"
   }
   ouiToastTypes: {
-    primary: "#006bb4"
+    primary: "#159d8d"
-    warning: "#c88800"
+    warning: "#bf8605"
   }
-  ouiTokenGrayColor: "#69707d"
+  ouiTokenGrayColor: "#5a6875"
   ouiTokenTypes: {
     gray: {
-      graphic: "#69707d"
+      graphic: "#5a6875"
-      behindText: "#69707d"
+      behindText: "#5a6875"
     }
   }
-  ouiBorderColor: "#d3dae6"
+  ouiBorderColor: "#d6d9dd"
-  ouiBorderThick: "2px solid #d3dae6"
+  ouiBorderThick: "2px solid #d6d9dd"
-  ouiBorderThin: "1px solid #d3dae6"
+  ouiBorderThin: "1px solid #d6d9dd"
-  ouiBorderEditable: "2px dotted #d3dae6"
+  ouiBorderEditable: "2px dotted #d6d9dd"
-  ouiButtonColorDisabled: "#c2c3c6"
+  ouiButtonColorDisabled: "#bdc3c8"
-  ouiButtonColorDisabledText: "#afb0b3"
+  ouiButtonColorDisabledText: "#a4aaaf"
-  ouiButtonColorGhostDisabled: "#69707d"
+  ouiButtonColorGhostDisabled: "#5a6875"
   ouiButtonTypes: {
-    primary: "#006bb4"
+    primary: "#159d8d"
-    subdued: "#6a717d"
+    subdued: "#676e75"
-    ghost: "#ffffff"
+    ghost: "#fcfeff"
-    text: "#69707d"
+    text: "#5a6875"
   }
-  ouiColorGhost: "#ffffff"
+  ouiColorGhost: "#fcfeff"
-  ouiColorInk: "#000000"
+  ouiColorInk: "#0a121a"
-  ouiColorPrimary: "#006bb4"
+  ouiColorPrimary: "#159d8d"
-  ouiColorEmptyShade: "#ffffff"
+  ouiColorEmptyShade: "#fcfeff"
-  ouiColorLightestShade: "#f5f7fa"
+  ouiColorLightestShade: "#e3e5e8"
-  ouiColorLightShade: "#d3dae6"
+  ouiColorLightShade: "#d6d9dd"
-  ouiColorMediumShade: "#98a2b3"
+  ouiColorMediumShade: "#adb4ba"
-  ouiColorDarkShade: "#69707d"
+  ouiColorDarkShade: "#5a6875"
-  ouiColorDarkestShade: "#343741"
+  ouiColorDarkestShade: "#2a3947"
-  ouiColorFullShade: "#000000"
+  ouiColorFullShade: "#0a1219"
-  ouiPageBackgroundColor: "#fafbfd"
+  ouiPageBackgroundColor: "#f0f2f4"
-  ouiTextColor: "#343741"
+  ouiTextColor: "#2a3947"
-  ouiTitleColor: "#1a1c21"
+  ouiTitleColor: "#1a2631"
-  ouiTextSubduedColor: "#6a717d"
+  ouiTextSubduedColor: "#676e75"
-  ouiColorDisabled: "#c2c3c6"
+  ouiColorDisabled: "#bdc3c8"
-  ouiColorPrimaryText: "#006bb4"
+  ouiColorPrimaryText: "#14786f"
-  ouiColorSecondaryText: "#017d73"
+  ouiColorSecondaryText: "#01786f"
-  ouiColorAccentText: "#dd0a73"
+  ouiColorAccentText: "#d20a6f"
-  ouiColorWarningText: "#9b6900"
+  ouiColorWarningText: "#8f680b"
-  ouiColorDisabledText: "#afb0b3"
+  ouiColorDisabledText: "#a4aaaf"
-  ouiColorSuccessText: "#017d73"
+  ouiColorSuccessText: "#01786f"
-  ouiColorChartLines: "#eef0f3"
+  ouiColorChartLines: "#dcdfe2"
-  ouiColorChartBand: "#f5f7fa"
+  ouiColorChartBand: "#e3e5e8"
-  ouiCodeBlockBackgroundColor: "#f5f7fa"
+  ouiCodeBlockBackgroundColor: "#e3e5e8"
-  ouiCodeBlockColor: "#343741"
+  ouiCodeBlockColor: "#2a3947"
-  ouiCodeBlockCommentColor: "#6a717d"
+  ouiCodeBlockCommentColor: "#5e656c"
-  ouiCodeBlockStringColor: "#ac4e6d"
+  ouiCodeBlockStringColor: "#9d4c6a"
-  ouiCodeBlockTagColor: "#4a7194"
+  ouiCodeBlockTagColor: "#446889"
-  ouiCodeBlockNameColor: "#4a7194"
+  ouiCodeBlockNameColor: "#446889"
-  ouiCodeBlockNumberColor: "#3b7d6a"
+  ouiCodeBlockNumberColor: "#356d63"
-  ouiCodeBlockKeywordColor: "#7c609e"
+  ouiCodeBlockKeywordColor: "#735b95"
-  ouiCodeBlockTypeColor: "#4a7194"
+  ouiCodeBlockTypeColor: "#446889"
-  ouiCodeBlockSymbolColor: "#b34f3b"
+  ouiCodeBlockSymbolColor: "#9d4a3c"
-  ouiCodeBlockMetaColor: "#6a717d"
+  ouiCodeBlockMetaColor: "#5e656c"
-  ouiCodeBlockTitleColor: "#996130"
+  ouiCodeBlockTitleColor: "#875b34"
-  ouiCodeBlockSectionColor: "#b34f3b"
+  ouiCodeBlockSectionColor: "#9d4a3c"
-  ouiCodeBlockAdditionColor: "#3b7d6a"
+  ouiCodeBlockAdditionColor: "#356d63"
-  ouiFormBackgroundColor: "#fbfcfd"
+  ouiFormBackgroundColor: "#f2f4f6"
-  ouiFormBackgroundDisabledColor: "#eef2f7"
+  ouiFormBackgroundDisabledColor: "#dde0e3"
-  ouiFormBackgroundReadOnlyColor: "rgba(211, 218, 230, 0.050000000000000044)"
+  ouiFormBackgroundReadOnlyColor: "rgba(214, 217, 221, 0.050000000000000044)"
-  ouiFormBorderOpaqueColor: "#0f2776"
+  ouiFormBorderOpaqueColor: "#21586c"
-  ouiFormBorderColor: "rgba(15, 39, 118, 0.09999999999999998)"
+  ouiFormBorderColor: "rgba(33, 88, 108, 0.09999999999999998)"
-  ouiFormBorderDisabledColor: "rgba(15, 39, 118, 0.09999999999999998)"
+  ouiFormBorderDisabledColor: "rgba(33, 88, 108, 0.09999999999999998)"
-  ouiFormCustomControlDisabledIconColor: "#5e646f"
+  ouiFormCustomControlDisabledIconColor: "#6f767d"
-  ouiFormCustomControlBorderColor: "#c9cbcd"
+  ouiFormCustomControlBorderColor: "#bcbfc3"
-  ouiFormControlDisabledColor: "#98a2b3"
+  ouiFormControlDisabledColor: "#adb4ba"
-  ouiFormControlBoxShadow: "0 1px 1px -1px rgba(152, 162, 179, 0.19999999999999996) 0 3px 2px -2px rgba(152, 162, 179, 0.19999999999999996)"
+  ouiFormControlBoxShadow: "0 1px 1px -1px rgba(173, 180, 186, 0.19999999999999996) 0 3px 2px -2px rgba(173, 180, 186, 0.19999999999999996)"
-  ouiFormControlPlaceholderText: "#6a717d"
+  ouiFormControlPlaceholderText: "#676e75"
-  ouiFormInputGroupLabelBackground: "#e9edf3"
+  ouiFormInputGroupLabelBackground: "#e9ecee"
-  ouiFormInputGroupBorder: "1px solid #e4e8ee"
+  ouiFormInputGroupBorder: "1px solid #e5e8ea"
-  ouiSwitchOffColor: "rgba(152, 162, 179, 0.19999999999999996)"
+  ouiSwitchOffColor: "rgba(173, 180, 186, 0.19999999999999996)"
-  ouiRangeTrackColor: "#69707d"
+  ouiRangeTrackColor: "#5a6875"
-  ouiRangeThumbBorderColor: "#69707d"
+  ouiRangeThumbBorderColor: "#5a6875"
-  ouiRangeTrackBorderColor: "#69707d"
+  ouiRangeTrackBorderColor: "#5a6875"
-  ouiHeaderBackgroundColor: "#ffffff"
+  ouiHeaderBackgroundColor: "#fcfeff"
-  ouiHeaderDarkBackgroundColor: "#25282f"
+  ouiHeaderDarkBackgroundColor: "#212e3a"
-  ouiHeaderBorderColor: "#d3dae6"
+  ouiHeaderBorderColor: "#d6d9dd"
-  ouiHeaderBreadcrumbColor: "#343741"
+  ouiHeaderBreadcrumbColor: "#2a3947"
   ouiPanelBackgroundColorModifiers: {
-    plain: "#ffffff"
+    plain: "#fcfeff"
-    subdued: "#fafbfd"
+    subdued: "#f0f2f4"
-    accent: "#fce7f1"
+    accent: "#f9e6f1"
-    primary: "#e6f0f8"
+    primary: "#e5f4f4"
-    success: "#e6f2f1"
+    success: "#e3f1f1"
-    warning: "#fef6e6"
+    warning: "#fbf5e6"
-    danger: "#f8e9e9"
+    danger: "#f6e9e9"
   }
-  ouiShadowColor: "#98a2b3"
+  ouiShadowColor: "#adb4ba"
-  ouiShadowColorLarge: "#414e65"
+  ouiShadowColorLarge: "#526473"
-  ouiFocusRingColor: "rgba(0, 107, 180, 0.3)"
+  ouiFocusRingColor: "rgba(21, 157, 141, 0.3)"
-  ouiFocusRingAnimStartColor: "rgba(0, 107, 180, 0)"
+  ouiFocusRingAnimStartColor: "rgba(21, 157, 141, 0)"
-  ouiFocusBackgroundColor: "#e6f0f8"
+  ouiFocusBackgroundColor: "#e5f4f4"
-  ouiTooltipBackgroundColor: "#404040"
+  ouiTooltipBackgroundColor: "#474d53"
-  ouiFontFamily: "'Inter UI', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
+  ouiFontFamily: "'Source Sans 3', sans-serif, 'Inter UI', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
-  ouiCodeFontFamily: "'Roboto Mono', 'Consolas', 'Menlo', 'Courier', monospace"
+  ouiCodeFontFamily: "'Source Sans 3', sans-serif, 'Roboto Mono', 'Consolas', 'Menlo', 'Courier', monospace"
 }