With eui aliases removed

diff-dark.txt

 {
   ouiButtonEmptyTypes: {
-    primary: "#1ba9f5"
+    primary: "#159d8d"
-    disabled: "#4c4e51"
+    disabled: "#535a62"
-    ghost: "#ffffff"
+    ghost: "#fcfeff"
   }
   ouiCallOutTypes: {
-    primary: "#1ba9f5"
+    primary: "#159d8d"
   }
   ouiCardSelectButtonBorders: {
-    primary: "#1ba9f5"
+    primary: "#159d8d"
-    ghost: "#98a2b3"
+    ghost: "#8d98a3"
   }
   ouiCardSelectButtonBackgrounds: {
-    text: "#25262e"
+    text: "#101b25"
-    primary: "#08334a"
+    primary: "#0d3c3d"
-    success: "#26443f"
+    success: "#2d5051"
-    danger: "#4d1f1f"
+    danger: "#542b31"
-    ghost: "#98a2b3"
+    ghost: "#8d98a3"
   }
-  ouiCollapsibleNavGroupLightBackgroundColor: "#141519"
+  ouiCollapsibleNavGroupLightBackgroundColor: "#172430"
-  ouiCollapsibleNavGroupDarkBackgroundColor: "#131317"
+  ouiCollapsibleNavGroupDarkBackgroundColor: "#0d1720"
-  ouiCollapsibleNavGroupDarkHighContrastColor: "#1ba9f5"
+  ouiCollapsibleNavGroupDarkHighContrastColor: "#159d8d"
-  ouiControlBarBackground: "#000000"
+  ouiControlBarBackground: "#0a121a"
-  ouiControlBarText: "#a9aaad"
+  ouiControlBarText: "#abb0b4"
-  ouiControlBarBorderColor: "rgba(255, 255, 255, 0.19999999999999996)"
+  ouiControlBarBorderColor: "rgba(252, 254, 255, 0.19999999999999996)"
-  ouiDataGridVerticalBorder: "solid 1px #24272e"
+  ouiDataGridVerticalBorder: "solid 1px #202d3a"
   ouiExpressionColors: {
-    subdued: "#7a7f89"
+    subdued: "#86909a"
-    primary: "#1ba9f5"
+    primary: "#159d8d"
   }
-  ouiFlyoutBorder: "1px solid #343741"
+  ouiFlyoutBorder: "1px solid #293847"
   ouiRangeLevelColors: {
-    primary: "#1ba9f5"
+    primary: "#159d8d"
   }
   ouiIconColors: {
-    ghost: "#ffffff"
+    ghost: "#fcfeff"
-    primary: "#1ba9f5"
+    primary: "#159d8d"
-    subdued: "#7a7f89"
+    subdued: "#86909a"
   }
   ouiLinkColors: {
-    subdued: "#7a7f89"
+    subdued: "#86909a"
-    primary: "#1ba9f5"
+    primary: "#159d8d"
-    ghost: "#ffffff"
+    ghost: "#fcfeff"
   }
-  ouiListGroupItemHoverBackground: "rgba(52, 55, 65, 0.25)"
+  ouiListGroupItemHoverBackground: "rgba(41, 56, 71, 0.25)"
-  ouiListGroupItemHoverBackgroundGhost: "rgba(255, 255, 255, 0.09999999999999998)"
+  ouiListGroupItemHoverBackgroundGhost: "rgba(252, 254, 255, 0.09999999999999998)"
   ouiListGroupItemColorTypes: {
-    primary: "#1ba9f5"
+    primary: "#159d8d"
-    subdued: "#7a7f89"
+    subdued: "#86909a"
-    ghost: "#ffffff"
+    ghost: "#fcfeff"
   }
-  ouiGradientStartStop: "#2e3039"
+  ouiGradientStartStop: "#253342"
-  ouiGradientMiddle: "#282a31"
+  ouiGradientMiddle: "#222f3c"
   ouiProgressColors: {
-    primary: "#1ba9f5"
+    primary: "#159d8d"
-    subdued: "#7a7f89"
+    subdued: "#86909a"
   }
-  ouiSelectableListItemBorder: "1px solid #202128"
+  ouiSelectableListItemBorder: "1px solid #0d161e"
   ouiSelectableTemplateSitewideTypes: {
     article: {
-      color: "#9170b8"
+      color: "#9b7ebf"
     }
   }
-  ouiSideNavEmphasizedBackgroundColor: "rgba(52, 55, 65, 0.30000000000000004)"
+  ouiSideNavEmphasizedBackgroundColor: "rgba(41, 56, 71, 0.30000000000000004)"
-  ouiSideNavBranchTextcolor: "#878b95"
+  ouiSideNavBranchTextcolor: "#86909a"
-  ouiSideNavSelectedTextcolor: "#1ba9f5"
+  ouiSideNavSelectedTextcolor: "#21a293"
-  ouiSideNavDisabledTextcolor: "#55575a"
+  ouiSideNavDisabledTextcolor: "#535a62"
   ouiStepStatusColorsToFade: {
-    disabled: "#98a2b3"
+    disabled: "#8d98a3"
-    incomplete: "#98a2b3"
+    incomplete: "#8d98a3"
   }
   ouiSuggestItemColors: {
-    tint10: "#98a2b3"
+    tint10: "#8d98a3"
   }
-  ouiTableHoverColor: "#1e1e25"
+  ouiTableHoverColor: "#0f1923"
-  ouiTableSelectedColor: "#08334a"
+  ouiTableSelectedColor: "#0d3c3d"
-  ouiTableHoverSelectedColor: "#072e43"
+  ouiTableHoverSelectedColor: "#0d383a"
-  ouiTableActionsBorderColor: "rgba(83, 89, 102, 0.09999999999999998)"
+  ouiTableActionsBorderColor: "rgba(91, 104, 117, 0.09999999999999998)"
-  ouiTableHoverClickableColor: "rgba(27, 169, 245, 0.050000000000000044)"
+  ouiTableHoverClickableColor: "rgba(21, 157, 141, 0.050000000000000044)"
-  ouiTableFocusClickableColor: "rgba(27, 169, 245, 0.09999999999999998)"
+  ouiTableFocusClickableColor: "rgba(21, 157, 141, 0.09999999999999998)"
   ouiTextColors: {
-    subdued: "#7a7f89"
+    subdued: "#86909a"
-    ghost: "#ffffff"
+    ghost: "#fcfeff"
   }
   ouiToastTypes: {
-    primary: "#1ba9f5"
+    primary: "#159d8d"
   }
-  ouiTokenGrayColor: "#535966"
+  ouiTokenGrayColor: "#5b6875"
   ouiTokenTypes: {
     gray: {
-      graphic: "#535966"
+      graphic: "#5b6875"
-      behindText: "#535966"
+      behindText: "#5b6875"
     }
   }
-  ouiBorderColor: "#343741"
+  ouiBorderColor: "#293847"
-  ouiBorderThick: "2px solid #343741"
+  ouiBorderThick: "2px solid #293847"
-  ouiBorderThin: "1px solid #343741"
+  ouiBorderThin: "1px solid #293847"
-  ouiBorderEditable: "2px dotted #343741"
+  ouiBorderEditable: "2px dotted #293847"
-  ouiButtonColorDisabled: "#434548"
+  ouiButtonColorDisabled: "#4a515a"
-  ouiButtonColorDisabledText: "#4c4e51"
+  ouiButtonColorDisabledText: "#535a62"
-  ouiButtonColorGhostDisabled: "#343741"
+  ouiButtonColorGhostDisabled: "#293847"
   ouiButtonTypes: {
-    primary: "#1ba9f5"
+    primary: "#159d8d"
-    subdued: "#7a7f89"
+    subdued: "#86909a"
-    ghost: "#ffffff"
+    ghost: "#fcfeff"
-    text: "#98a2b3"
+    text: "#8d98a3"
   }
-  ouiColorGhost: "#ffffff"
+  ouiColorGhost: "#fcfeff"
-  ouiColorInk: "#000000"
+  ouiColorInk: "#0a121a"
-  ouiColorPrimary: "#1ba9f5"
+  ouiColorPrimary: "#159d8d"
-  ouiColorEmptyShade: "#1d1e24"
+  ouiColorEmptyShade: "#0a121a"
-  ouiColorLightestShade: "#25262e"
+  ouiColorLightestShade: "#101b25"
-  ouiColorLightShade: "#343741"
+  ouiColorLightShade: "#293847"
-  ouiColorMediumShade: "#535966"
+  ouiColorMediumShade: "#5b6875"
-  ouiColorDarkShade: "#98a2b3"
+  ouiColorDarkShade: "#8d98a3"
-  ouiColorDarkestShade: "#d4dae5"
+  ouiColorDarkestShade: "#dfe3e8"
-  ouiColorFullShade: "#ffffff"
+  ouiColorFullShade: "#fcfeff"
-  ouiPageBackgroundColor: "#141519"
+  ouiPageBackgroundColor: "#172430"
-  ouiTextSubduedColor: "#7a7f89"
+  ouiTextSubduedColor: "#86909a"
-  ouiColorDisabled: "#434548"
+  ouiColorDisabled: "#4a515a"
-  ouiColorPrimaryText: "#1ba9f5"
+  ouiColorPrimaryText: "#159d8d"
-  ouiColorDisabledText: "#4c4e51"
+  ouiColorDisabledText: "#535a62"
-  ouiColorChartLines: "#343741"
+  ouiColorChartLines: "#293847"
-  ouiColorChartBand: "#2a2b33"
+  ouiColorChartBand: "#16212a"
-  ouiCodeBlockBackgroundColor: "#25262e"
+  ouiCodeBlockBackgroundColor: "#101b25"
-  ouiCodeBlockCommentColor: "#8d919a"
+  ouiCodeBlockCommentColor: "#86909a"
-  ouiCodeBlockStringColor: "#d77092"
+  ouiCodeBlockStringColor: "#d36086"
-  ouiCodeBlockKeywordColor: "#a184c2"
+  ouiCodeBlockKeywordColor: "#9677bc"
-  ouiCodeBlockMetaColor: "#8d919a"
+  ouiCodeBlockMetaColor: "#86909a"
-  ouiFormBackgroundColor: "#16171c"
+  ouiFormBackgroundColor: "#0e1721"
-  ouiFormBackgroundDisabledColor: "#202128"
+  ouiFormBackgroundDisabledColor: "#0d161e"
-  ouiFormBackgroundReadOnlyColor: "rgba(0, 0, 0, 0.050000000000000044)"
+  ouiFormBackgroundReadOnlyColor: "rgba(10, 18, 26, 0.050000000000000044)"
-  ouiFormBorderOpaqueColor: "#ffffff"
+  ouiFormBorderOpaqueColor: "#fcfeff"
-  ouiFormBorderColor: "rgba(255, 255, 255, 0.09999999999999998)"
+  ouiFormBorderColor: "rgba(252, 254, 255, 0.09999999999999998)"
-  ouiFormBorderDisabledColor: "rgba(255, 255, 255, 0.09999999999999998)"
+  ouiFormBorderDisabledColor: "rgba(252, 254, 255, 0.09999999999999998)"
-  ouiFormCustomControlDisabledIconColor: "#a6aab0"
+  ouiFormCustomControlDisabledIconColor: "#a9b1b8"
-  ouiFormCustomControlBorderColor: "#66676d"
+  ouiFormCustomControlBorderColor: "#575f66"
-  ouiFormControlDisabledColor: "#535966"
+  ouiFormControlDisabledColor: "#5b6875"
-  ouiFormControlPlaceholderText: "#81858f"
+  ouiFormControlPlaceholderText: "#86909a"
-  ouiFormInputGroupLabelBackground: "#1f2127"
+  ouiFormInputGroupLabelBackground: "#1d2935"
-  ouiFormInputGroupBorder: "1px solid #282a30"
+  ouiFormInputGroupBorder: "1px solid #26323d"
-  ouiSwitchOffColor: "rgba(83, 89, 102, 0.7)"
+  ouiSwitchOffColor: "rgba(91, 104, 117, 0.7)"
-  ouiRangeTrackColor: "#98a2b3"
+  ouiRangeTrackColor: "#8d98a3"
-  ouiRangeThumbBorderColor: "#98a2b3"
+  ouiRangeThumbBorderColor: "#8d98a3"
-  ouiRangeTrackBorderColor: "#98a2b3"
+  ouiRangeTrackBorderColor: "#8d98a3"
-  ouiHeaderBackgroundColor: "#1d1e24"
+  ouiHeaderBackgroundColor: "#0a121a"
-  ouiHeaderDarkBackgroundColor: "#131317"
+  ouiHeaderDarkBackgroundColor: "#0d1720"
-  ouiHeaderBorderColor: "#343741"
+  ouiHeaderBorderColor: "#293847"
-  ouiHeaderBreadcrumbColor: "#d4dae5"
+  ouiHeaderBreadcrumbColor: "#dfe3e8"
   ouiPanelBackgroundColorModifiers: {
-    plain: "#1d1e24"
+    plain: "#0a121a"
-    subdued: "#141519"
+    subdued: "#172430"
-    accent: "#4b2b3a"
+    accent: "#52384c"
-    primary: "#08334a"
+    primary: "#0d3c3d"
-    success: "#26443f"
+    success: "#2d5051"
-    warning: "#4d3e25"
+    warning: "#544a37"
-    danger: "#4d1f1f"
+    danger: "#542b31"
   }
-  ouiFocusRingColor: "rgba(27, 169, 245, 0.3)"
+  ouiFocusRingColor: "rgba(21, 157, 141, 0.3)"
-  ouiFocusRingAnimStartColor: "rgba(27, 169, 245, 0)"
+  ouiFocusRingAnimStartColor: "rgba(21, 157, 141, 0)"
-  ouiFocusBackgroundColor: "#08334a"
+  ouiFocusBackgroundColor: "#0d3c3d"
-  ouiTooltipBackgroundColor: "#000000"
+  ouiTooltipBackgroundColor: "#0a121a"
-  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"
 }