From 082a756811fb6ec84c515e688cdf976f45b024e1 Mon Sep 17 00:00:00 2001
From: cchaos <caroline.horn@elastic.co>
Date: Wed, 29 Sep 2021 16:11:18 -0400
Subject: [PATCH] [Manual] Copied the outputs json version of Sass for easier
 consumption in docs rather that sass-loader

---
 .../src/views/theme/_json/_get_json_vars.js   |  29 +
 .../views/theme/_json/eui_legacy_dark.json    | 771 +++++++++++++++++
 .../views/theme/_json/eui_legacy_light.json   | 771 +++++++++++++++++
 .../src/views/theme/_json/eui_theme_dark.json | 787 ++++++++++++++++++
 .../views/theme/_json/eui_theme_light.json    | 787 ++++++++++++++++++
 5 files changed, 3145 insertions(+)
 create mode 100644 src-docs/src/views/theme/_json/_get_json_vars.js
 create mode 100644 src-docs/src/views/theme/_json/eui_legacy_dark.json
 create mode 100644 src-docs/src/views/theme/_json/eui_legacy_light.json
 create mode 100644 src-docs/src/views/theme/_json/eui_theme_dark.json
 create mode 100644 src-docs/src/views/theme/_json/eui_theme_light.json

diff --git a/src-docs/src/views/theme/_json/_get_json_vars.js b/src-docs/src/views/theme/_json/_get_json_vars.js
new file mode 100644
index 00000000000..b9a3ff90a98
--- /dev/null
+++ b/src-docs/src/views/theme/_json/_get_json_vars.js
@@ -0,0 +1,29 @@
+import { useContext } from 'react';
+
+import lightColors from './eui_legacy_light.json';
+import darkColors from './eui_legacy_dark.json';
+import lightAmsterdamColors from './eui_theme_light.json';
+import darkAmsterdamColors from './eui_theme_dark.json';
+import { ThemeContext } from '../../../components';
+
+export const useJsonVars = () => {
+  const themeContext = useContext(ThemeContext);
+
+  let palette;
+  switch (themeContext.theme) {
+    case 'light':
+      palette = lightColors;
+      break;
+    case 'dark':
+      palette = darkColors;
+      break;
+    case 'amsterdam-dark':
+      palette = darkAmsterdamColors;
+      break;
+    default:
+      palette = lightAmsterdamColors;
+      break;
+  }
+
+  return palette;
+};
diff --git a/src-docs/src/views/theme/_json/eui_legacy_dark.json b/src-docs/src/views/theme/_json/eui_legacy_dark.json
new file mode 100644
index 00000000000..f60406b7a4d
--- /dev/null
+++ b/src-docs/src/views/theme/_json/eui_legacy_dark.json
@@ -0,0 +1,771 @@
+{
+  "paddingSizes": {
+    "xs": "4px",
+    "s": "8px",
+    "m": "16px",
+    "l": "24px",
+    "xl": "32px"
+  },
+  "avatarSizing": {
+    "s": {
+      "size": "24px",
+      "font-size": "12px"
+    },
+    "m": {
+      "size": "32px",
+      "font-size": "14.4px"
+    },
+    "l": {
+      "size": "40px",
+      "font-size": "19.200000000000003px"
+    },
+    "xl": {
+      "size": "64px",
+      "font-size": "25.6px"
+    }
+  },
+  "euiBadgeGroupGutterTypes": {
+    "gutterExtraSmall": "4px",
+    "gutterSmall": "8px"
+  },
+  "euiBreadcrumbSpacing": "8px",
+  "euiBreadcrumbTruncateWidth": "160px",
+  "euiButtonEmptyTypes": {
+    "primary": "#1ba9f5",
+    "danger": "#ff6666",
+    "disabled": "#4c4e51",
+    "ghost": "#ffffff",
+    "text": "#dfe5ef",
+    "success": "#7de2d1",
+    "warning": "#ffce7a"
+  },
+  "euiCallOutTypes": {
+    "primary": "#1ba9f5",
+    "success": "#7de2d1",
+    "warning": "#ffce7a",
+    "danger": "#ff6666"
+  },
+  "euiCardSpacing": "16px",
+  "euiCardBottomNodeHeight": "40px",
+  "euiCardSelectButtonBorders": {
+    "text": "#7de2d1",
+    "primary": "#1ba9f5",
+    "success": "#7de2d1",
+    "danger": "#ff6666",
+    "ghost": "#98a2b3"
+  },
+  "euiCardSelectButtonBackgrounds": {
+    "text": "#25262e",
+    "primary": "#08334a",
+    "success": "#26443f",
+    "danger": "#4d1f1f",
+    "ghost": "#98a2b3"
+  },
+  "euiCardPaddingModifiers": {
+    "paddingNone": 0,
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiCheckableCardPadding": "16px",
+  "euiCodeBlockPaddingModifiers": {
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiCollapsibleNavGroupLightBackgroundColor": "#141519",
+  "euiCollapsibleNavGroupDarkBackgroundColor": "#131317",
+  "euiCollapsibleNavGroupDarkHighContrastColor": "#1ba9f5",
+  "euiColorPickerValueRange0": "#ffffff",
+  "euiColorPickerValueRange1": "rgba(255, 255, 255, 0)",
+  "euiColorPickerSaturationRange0": "#000000",
+  "euiColorPickerSaturationRange1": "rgba(0, 0, 0, 0)",
+  "euiColorPickerIndicatorSize": "12px",
+  "euiColorPickerWidth": "152px",
+  "euiColorPaletteDisplaySizes": {
+    "sizeExtraSmall": "4px",
+    "sizeSmall": "8px",
+    "sizeMedium": "16px"
+  },
+  "euiContextMenuWidth": "256px",
+  "euiControlBarBackground": "#000000",
+  "euiControlBarText": "#a9aaad",
+  "euiControlBarBorderColor": "rgba(255, 255, 255, 0.19999999999999996)",
+  "euiControlBarInitialHeight": "40px",
+  "euiControlBarMaxHeight": "calc(100vh - 80px)",
+  "euiControlBarHeights": {
+    "s": "240px",
+    "m": "480px",
+    "l": "100vh"
+  },
+  "euiDataGridPrefix": ".euiDataGrid--",
+  "euiDataGridStyles": "'bordersAll', 'bordersNone', 'bordersHorizontal', 'paddingSmall', 'paddingMedium', 'paddingLarge', 'stripes', 'rowHoverNone', 'rowHoverHighlight', 'headerShade', 'headerUnderline', 'footerShade', 'footerOverline', 'fontSizeSmall', 'fontSizeLarge', 'noControls', 'stickyFooter'",
+  "euiDataGridColumnResizerWidth": "3px",
+  "euiDataGridPopoverMaxHeight": "400px",
+  "euiDataGridCellPaddingS": "4px",
+  "euiDataGridCellPaddingM": "6px",
+  "euiDataGridCellPaddingL": "8px",
+  "euiDataGridVerticalBorder": "solid 1px #24272e",
+  "euiSuperDatePickerWidth": "480px",
+  "euiSuperDatePickerButtonWidth": "118px",
+  "euiDragAndDropSpacing": {
+    "s": "2px",
+    "m": "4px",
+    "l": "8px"
+  },
+  "euiExpressionColors": {
+    "subdued": "#7a7f89",
+    "primary": "#1ba9f5",
+    "success": "#7de2d1",
+    "secondary": "#7de2d1",
+    "warning": "#ffce7a",
+    "danger": "#ff6666",
+    "accent": "#f990c0"
+  },
+  "euiFacetGutterSizes": {
+    "gutterNone": 0,
+    "gutterSmall": "4px",
+    "gutterMedium": "8px",
+    "gutterLarge": "12px"
+  },
+  "gutterTypes": {
+    "gutterExtraSmall": "4px",
+    "gutterSmall": "8px",
+    "gutterMedium": "16px",
+    "gutterLarge": "24px",
+    "gutterExtraLarge": "40px"
+  },
+  "fractions": {
+    "fourths": {
+      "percentage": "25%",
+      "count": 4
+    },
+    "thirds": {
+      "percentage": "33.3%",
+      "count": 3
+    },
+    "halves": {
+      "percentage": "50%",
+      "count": 2
+    },
+    "single": {
+      "percentage": "100%",
+      "count": 1
+    }
+  },
+  "flyoutSizes": {
+    "small": {
+      "min": "384px",
+      "width": "25vw",
+      "max": "403px"
+    },
+    "medium": {
+      "min": "424px",
+      "width": "50vw",
+      "max": "768px"
+    },
+    "large": {
+      "min": "691px",
+      "width": "75vw",
+      "max": "992px"
+    }
+  },
+  "euiFlyoutBorder": "1px solid #343741",
+  "euiFlyoutPaddingModifiers": {
+    "paddingNone": 0,
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiFilePickerTallHeight": "128px",
+  "euiRangeLevelColors": {
+    "primary": "#1ba9f5",
+    "success": "#7de2d1",
+    "warning": "#ffce7a",
+    "danger": "#ff6666"
+  },
+  "textareaResizing": {
+    "vertical": "resizeVertical",
+    "horizontal": "resizeHorizontal",
+    "both": "resizeBoth",
+    "none": "resizeNone"
+  },
+  "euiHeaderLinksGutterSizes": {
+    "gutterXS": "4px",
+    "gutterS": "8px",
+    "gutterM": "12px",
+    "gutterL": "24px"
+  },
+  "ruleMargins": {
+    "marginXSmall": "8px",
+    "marginSmall": "12px",
+    "marginMedium": "16px",
+    "marginLarge": "24px",
+    "marginXLarge": "32px",
+    "marginXXLarge": "40px"
+  },
+  "euiIconLoadingOpacity": 0.05,
+  "euiIconColors": {
+    "accent": "#f990c0",
+    "danger": "#ff6666",
+    "ghost": "#ffffff",
+    "primary": "#1ba9f5",
+    "secondary": "#7de2d1",
+    "success": "#7de2d1",
+    "subdued": "#7a7f89",
+    "text": "#dfe5ef",
+    "warning": "#ffce7a",
+    "inherit": "inherit"
+  },
+  "euiIconSizes": {
+    "small": "12px",
+    "medium": "16px",
+    "large": "24px",
+    "xLarge": "32px",
+    "xxLarge": "40px"
+  },
+  "euiKeyPadMenuSize": "96px",
+  "euiKeyPadMenuMarginSize": "4px",
+  "euiLinkColors": {
+    "subdued": "#7a7f89",
+    "primary": "#1ba9f5",
+    "secondary": "#7de2d1",
+    "success": "#7de2d1",
+    "accent": "#f990c0",
+    "warning": "#ffce7a",
+    "danger": "#ff6666",
+    "text": "#dfe5ef",
+    "ghost": "#ffffff"
+  },
+  "euiListGroupItemHoverBackground": "rgba(52, 55, 65, 0.25)",
+  "euiListGroupItemHoverBackgroundGhost": "rgba(255, 255, 255, 0.09999999999999998)",
+  "euiListGroupGutterTypes": {
+    "gutterSmall": "8px",
+    "gutterMedium": "16px"
+  },
+  "euiListGroupItemColorTypes": {
+    "primary": "#1ba9f5",
+    "text": "#dfe5ef",
+    "subdued": "#7a7f89",
+    "ghost": "#ffffff"
+  },
+  "euiListGroupItemSizeTypes": {
+    "xSmall": "12px",
+    "small": "14px",
+    "medium": "16px",
+    "large": "20px"
+  },
+  "euiGradientStartStop": "#2e3039",
+  "euiGradientMiddle": "#282a31",
+  "euiMarkdownEditorMinHeight": "150px",
+  "euiPopoverArrowSize": "12px",
+  "euiPopoverTranslateDistance": "8px",
+  "euiProgressSizes": {
+    "xs": "2px",
+    "s": "4px",
+    "m": "8px",
+    "l": "16px"
+  },
+  "euiProgressColors": {
+    "primary": "#1ba9f5",
+    "secondary": "#7de2d1",
+    "success": "#7de2d1",
+    "warning": "#ffce7a",
+    "danger": "#ff6666",
+    "accent": "#f990c0",
+    "subdued": "#7a7f89",
+    "vis0": "#54b399",
+    "vis1": "#6092c0",
+    "vis2": "#d36086",
+    "vis3": "#9170b8",
+    "vis4": "#ca8eae",
+    "vis5": "#d6bf57",
+    "vis6": "#b9a888",
+    "vis7": "#da8b45",
+    "vis8": "#aa6556",
+    "vis9": "#e7664c",
+    "customColor": "currentColor"
+  },
+  "euiResizableButtonTransitionSpeed": "150ms",
+  "euiResizableButtonSize": "16px",
+  "euiSelectableListItemBorder": "1px solid #202128",
+  "euiSelectableListItemPadding": "4px 12px",
+  "euiSelectableTemplateSitewideTypes": {
+    "application": {
+      "color": "#6092c0",
+      "font-weight": 500
+    },
+    "deployment": {
+      "color": "#54b399",
+      "font-weight": 500
+    },
+    "article": {
+      "color": "#9170b8",
+      "font-weight": 500
+    },
+    "case": {
+      "color": "#e7664c",
+      "font-weight": 500
+    },
+    "platform": {
+      "color": "#d6bf57",
+      "font-weight": 500
+    }
+  },
+  "euiSideNavEmphasizedBackgroundColor": "rgba(52, 55, 65, 0.30000000000000004)",
+  "euiSideNavRootTextcolor": "#dfe5ef",
+  "euiSideNavBranchTextcolor": "#878b95",
+  "euiSideNavSelectedTextcolor": "#1ba9f5",
+  "euiSideNavDisabledTextcolor": "#55575a",
+  "spacerSizes": {
+    "xs": "4px",
+    "s": "8px",
+    "m": "16px",
+    "l": "24px",
+    "xl": "32px",
+    "xxl": "40px"
+  },
+  "euiStepNumberSize": "32px",
+  "euiStepNumberSmallSize": "24px",
+  "euiStepNumberMargin": "16px",
+  "euiStepStatusColorsToFade": {
+    "warning": "#ffce7a",
+    "danger": "#ff6666",
+    "disabled": "#98a2b3",
+    "incomplete": "#98a2b3"
+  },
+  "euiSuggestItemColors": {
+    "tint0": "#54b399",
+    "tint1": "#6092c0",
+    "tint2": "#d36086",
+    "tint3": "#9170b8",
+    "tint4": "#ca8eae",
+    "tint5": "#d6bf57",
+    "tint6": "#b9a888",
+    "tint7": "#da8b45",
+    "tint8": "#aa6556",
+    "tint9": "#e7664c",
+    "tint10": "#98a2b3"
+  },
+  "euiTableCellContentPadding": "8px",
+  "euiTableCellContentPaddingCompressed": "4px",
+  "euiTableCellCheckboxWidth": "32px",
+  "euiTableActionsAreaWidth": "40px",
+  "euiTableHoverColor": "#1e1e25",
+  "euiTableSelectedColor": "#052231",
+  "euiTableHoverSelectedColor": "#051f2c",
+  "euiTableActionsBorderColor": "rgba(83, 89, 102, 0.09999999999999998)",
+  "euiTableHoverClickableColor": "rgba(27, 169, 245, 0.050000000000000044)",
+  "euiTableFocusClickableColor": "rgba(27, 169, 245, 0.09999999999999998)",
+  "euiTabFontSize": "16px",
+  "euiTabFontSizeS": "14px",
+  "euiTabFontSizeL": "18px",
+  "euiTextColors": {
+    "default": "#dfe5ef",
+    "subdued": "#7a7f89",
+    "secondary": "#7de2d1",
+    "success": "#7de2d1",
+    "accent": "#f990c0",
+    "warning": "#ffce7a",
+    "danger": "#ff6666",
+    "ghost": "#ffffff",
+    "inherit": "inherit"
+  },
+  "euiTextConstrainedMaxWidth": "36em",
+  "euiToastWidth": "320px",
+  "euiToastTypes": {
+    "primary": "#1ba9f5",
+    "success": "#7de2d1",
+    "warning": "#ffce7a",
+    "danger": "#ff6666"
+  },
+  "euiTokenGrayColor": "#535966",
+  "euiTokenTypes": {
+    "euiColorVis0": {
+      "graphic": "#54b399",
+      "behindText": "#6dccb1"
+    },
+    "euiColorVis1": {
+      "graphic": "#6092c0",
+      "behindText": "#79aad9"
+    },
+    "euiColorVis2": {
+      "graphic": "#d36086",
+      "behindText": "#ee789d"
+    },
+    "euiColorVis3": {
+      "graphic": "#9170b8",
+      "behindText": "#a987d1"
+    },
+    "euiColorVis4": {
+      "graphic": "#ca8eae",
+      "behindText": "#e4a6c7"
+    },
+    "euiColorVis5": {
+      "graphic": "#d6bf57",
+      "behindText": "#f1d86f"
+    },
+    "euiColorVis6": {
+      "graphic": "#b9a888",
+      "behindText": "#d2c0a0"
+    },
+    "euiColorVis7": {
+      "graphic": "#da8b45",
+      "behindText": "#f5a35c"
+    },
+    "euiColorVis8": {
+      "graphic": "#aa6556",
+      "behindText": "#c47c6c"
+    },
+    "euiColorVis9": {
+      "graphic": "#e7664c",
+      "behindText": "#ff7e62"
+    },
+    "gray": {
+      "graphic": "#535966",
+      "behindText": "#535966"
+    }
+  },
+  "euiTokenTypeKeys": "'euiColorVis0', 'euiColorVis1', 'euiColorVis2', 'euiColorVis3', 'euiColorVis4', 'euiColorVis5', 'euiColorVis6', 'euiColorVis7', 'euiColorVis8', 'euiColorVis9', 'gray'",
+  "euiContrastRatioText": 4.5,
+  "euiContrastRatioGraphic": 3,
+  "euiContrastRatioDisabled": 2,
+  "euiDatePickerCalendarWidth": "284px",
+  "euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)",
+  "euiAnimSlightResistance": "cubic-bezier(0.694, 0.0482, 0.335, 1)",
+  "euiAnimSpeedExtraFast": "90ms",
+  "euiAnimSpeedFast": "150ms",
+  "euiAnimSpeedNormal": "250ms",
+  "euiAnimSpeedSlow": "350ms",
+  "euiAnimSpeedExtraSlow": "500ms",
+  "euiBorderWidthThin": "1px",
+  "euiBorderWidthThick": "2px",
+  "euiBorderColor": "#343741",
+  "euiBorderRadius": "4px",
+  "euiBorderRadiusSmall": "2px",
+  "euiBorderThick": "2px solid #343741",
+  "euiBorderThin": "1px solid #343741",
+  "euiBorderEditable": "2px dotted #343741",
+  "euiButtonHeight": "40px",
+  "euiButtonHeightSmall": "32px",
+  "euiButtonHeightXSmall": "24px",
+  "euiButtonColorDisabled": "#434548",
+  "euiButtonColorDisabledText": "#4c4e51",
+  "euiButtonColorGhostDisabled": "#343741",
+  "euiButtonTypes": {
+    "primary": "#1ba9f5",
+    "accent": "#f990c0",
+    "secondary": "#7de2d1",
+    "success": "#7de2d1",
+    "warning": "#ffce7a",
+    "danger": "#ff6666",
+    "subdued": "#7a7f89",
+    "ghost": "#ffffff",
+    "text": "#98a2b3"
+  },
+  "euiColorGhost": "#ffffff",
+  "euiColorInk": "#000000",
+  "euiColorPrimary": "#1ba9f5",
+  "euiColorSecondary": "#7de2d1",
+  "euiColorAccent": "#f990c0",
+  "euiColorSuccess": "#7de2d1",
+  "euiColorWarning": "#ffce7a",
+  "euiColorDanger": "#ff6666",
+  "euiColorEmptyShade": "#1d1e24",
+  "euiColorLightestShade": "#25262e",
+  "euiColorLightShade": "#343741",
+  "euiColorMediumShade": "#535966",
+  "euiColorDarkShade": "#98a2b3",
+  "euiColorDarkestShade": "#d4dae5",
+  "euiColorFullShade": "#ffffff",
+  "euiPageBackgroundColor": "#141519",
+  "euiColorHighlight": "#2e2d25",
+  "euiTextColor": "#dfe5ef",
+  "euiTitleColor": "#dfe5ef",
+  "euiTextSubduedColor": "#7a7f89",
+  "euiColorDisabled": "#434548",
+  "euiColorPrimaryText": "#1ba9f5",
+  "euiColorSecondaryText": "#7de2d1",
+  "euiColorAccentText": "#f990c0",
+  "euiColorWarningText": "#ffce7a",
+  "euiColorDangerText": "#ff6666",
+  "euiColorDisabledText": "#4c4e51",
+  "euiColorSuccessText": "#7de2d1",
+  "euiLinkColor": "#1ba9f5",
+  "euiPaletteColorBlind": {
+    "euiColorVis0": {
+      "graphic": "#54b399",
+      "behindText": "#6dccb1"
+    },
+    "euiColorVis1": {
+      "graphic": "#6092c0",
+      "behindText": "#79aad9"
+    },
+    "euiColorVis2": {
+      "graphic": "#d36086",
+      "behindText": "#ee789d"
+    },
+    "euiColorVis3": {
+      "graphic": "#9170b8",
+      "behindText": "#a987d1"
+    },
+    "euiColorVis4": {
+      "graphic": "#ca8eae",
+      "behindText": "#e4a6c7"
+    },
+    "euiColorVis5": {
+      "graphic": "#d6bf57",
+      "behindText": "#f1d86f"
+    },
+    "euiColorVis6": {
+      "graphic": "#b9a888",
+      "behindText": "#d2c0a0"
+    },
+    "euiColorVis7": {
+      "graphic": "#da8b45",
+      "behindText": "#f5a35c"
+    },
+    "euiColorVis8": {
+      "graphic": "#aa6556",
+      "behindText": "#c47c6c"
+    },
+    "euiColorVis9": {
+      "graphic": "#e7664c",
+      "behindText": "#ff7e62"
+    }
+  },
+  "euiPaletteColorBlindKeys": "'euiColorVis0', 'euiColorVis1', 'euiColorVis2', 'euiColorVis3', 'euiColorVis4', 'euiColorVis5', 'euiColorVis6', 'euiColorVis7', 'euiColorVis8', 'euiColorVis9'",
+  "euiColorVis0": "#54b399",
+  "euiColorVis1": "#6092c0",
+  "euiColorVis2": "#d36086",
+  "euiColorVis3": "#9170b8",
+  "euiColorVis4": "#ca8eae",
+  "euiColorVis5": "#d6bf57",
+  "euiColorVis6": "#b9a888",
+  "euiColorVis7": "#da8b45",
+  "euiColorVis8": "#aa6556",
+  "euiColorVis9": "#e7664c",
+  "euiColorVis0_behindText": "#6dccb1",
+  "euiColorVis1_behindText": "#79aad9",
+  "euiColorVis2_behindText": "#ee789d",
+  "euiColorVis3_behindText": "#a987d1",
+  "euiColorVis4_behindText": "#e4a6c7",
+  "euiColorVis5_behindText": "#f1d86f",
+  "euiColorVis6_behindText": "#d2c0a0",
+  "euiColorVis7_behindText": "#f5a35c",
+  "euiColorVis8_behindText": "#c47c6c",
+  "euiColorVis9_behindText": "#ff7e62",
+  "euiColorChartLines": "#343741",
+  "euiColorChartBand": "#2a2b33",
+  "euiCodeBlockBackgroundColor": "#25262e",
+  "euiCodeBlockColor": "#dfe5ef",
+  "euiCodeBlockSelectedBackgroundColor": "inherit",
+  "euiCodeBlockCommentColor": "#8d919a",
+  "euiCodeBlockSelectorTagColor": "inherit",
+  "euiCodeBlockStringColor": "#d77092",
+  "euiCodeBlockTagColor": "#6092c0",
+  "euiCodeBlockNameColor": "#6092c0",
+  "euiCodeBlockNumberColor": "#54b399",
+  "euiCodeBlockKeywordColor": "#a184c2",
+  "euiCodeBlockFunctionTitleColor": "inherit",
+  "euiCodeBlockTypeColor": "#6092c0",
+  "euiCodeBlockAttributeColor": "inherit",
+  "euiCodeBlockSymbolColor": "#e7664c",
+  "euiCodeBlockParamsColor": "inherit",
+  "euiCodeBlockMetaColor": "#8d919a",
+  "euiCodeBlockTitleColor": "#da8b45",
+  "euiCodeBlockSectionColor": "#e7664c",
+  "euiCodeBlockAdditionColor": "#54b399",
+  "euiCodeBlockDeletionColor": "#ff6666",
+  "euiCodeBlockSelectorClassColor": "inherit",
+  "euiCodeBlockSelectorIdColor": "inherit",
+  "euiFormMaxWidth": "400px",
+  "euiFormControlHeight": "40px",
+  "euiFormControlCompressedHeight": "32px",
+  "euiFormControlPadding": "12px",
+  "euiFormControlCompressedPadding": "8px",
+  "euiFormControlBorderRadius": 0,
+  "euiFormControlCompressedBorderRadius": "2px",
+  "euiRadioSize": "16px",
+  "euiCheckBoxSize": "16px",
+  "euiCheckboxBorderRadius": "4px",
+  "euiSwitchHeight": "20px",
+  "euiSwitchWidth": "44px",
+  "euiSwitchThumbSize": "20px",
+  "euiSwitchIconHeight": "16px",
+  "euiSwitchHeightCompressed": "16px",
+  "euiSwitchWidthCompressed": "28px",
+  "euiSwitchThumbSizeCompressed": "16px",
+  "euiSwitchHeightMini": "10px",
+  "euiSwitchWidthMini": "22px",
+  "euiSwitchThumbSizeMini": "10px",
+  "euiFormBackgroundColor": "#16171c",
+  "euiFormBackgroundDisabledColor": "#202128",
+  "euiFormBackgroundReadOnlyColor": "rgba(0, 0, 0, 0.050000000000000044)",
+  "euiFormBorderOpaqueColor": "#ffffff",
+  "euiFormBorderColor": "rgba(255, 255, 255, 0.09999999999999998)",
+  "euiFormBorderDisabledColor": "rgba(255, 255, 255, 0.09999999999999998)",
+  "euiFormCustomControlDisabledIconColor": "#a6aab0",
+  "euiFormCustomControlBorderColor": "#66676d",
+  "euiFormControlDisabledColor": "#535966",
+  "euiFormControlBoxShadow": "0 1px 1px -1px rgba(0, 0, 0, 0.19999999999999996) 0 3px 2px -2px rgba(0, 0, 0, 0.19999999999999996)",
+  "euiFormControlPlaceholderText": "#81858f",
+  "euiFormInputGroupLabelBackground": "#1f2127",
+  "euiFormInputGroupBorder": "1px solid #282a30",
+  "euiSwitchOffColor": "rgba(83, 89, 102, 0.7)",
+  "euiFormControlLayoutGroupInputHeight": "38px",
+  "euiFormControlLayoutGroupInputCompressedHeight": "30px",
+  "euiFormControlLayoutGroupInputCompressedBorderRadius": "1px",
+  "euiRangeTrackColor": "#98a2b3",
+  "euiRangeThumbRadius": "50%",
+  "euiRangeThumbHeight": "16px",
+  "euiRangeThumbWidth": "16px",
+  "euiRangeThumbBorderColor": "#98a2b3",
+  "euiRangeTrackWidth": "100%",
+  "euiRangeTrackHeight": "2px",
+  "euiRangeTrackBorderWidth": 0,
+  "euiRangeTrackBorderColor": "#98a2b3",
+  "euiRangeTrackRadius": "4px",
+  "euiRangeDisabledOpacity": 0.25,
+  "euiRangeHighlightHeight": "4px",
+  "euiHeaderBackgroundColor": "#1d1e24",
+  "euiHeaderDarkBackgroundColor": "#131317",
+  "euiHeaderBorderColor": "#343741",
+  "euiHeaderBreadcrumbColor": "#d4dae5",
+  "euiHeaderHeight": "48px",
+  "euiHeaderChildSize": "48px",
+  "euiHeaderHeightCompensation": "49px",
+  "euiPageDefaultMaxWidth": "1000px",
+  "euiPageSidebarMinWidth": "192px",
+  "euiPanelPaddingModifiers": {
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiPanelBorderRadiusModifiers": {
+    "borderRadiusNone": 0,
+    "borderRadiusMedium": "4px"
+  },
+  "euiPanelBackgroundColorModifiers": {
+    "transparent": "rgba(0, 0, 0, 0)",
+    "plain": "#1d1e24",
+    "subdued": "#141519",
+    "accent": "#4b2b3a",
+    "primary": "#08334a",
+    "success": "#26443f",
+    "warning": "#4d3e25",
+    "danger": "#4d1f1f"
+  },
+  "euiBreakpoints": {
+    "xs": 0,
+    "s": "575px",
+    "m": "768px",
+    "l": "992px",
+    "xl": "1200px"
+  },
+  "euiBreakpointKeys": "'xs', 's', 'm', 'l', 'xl'",
+  "euiShadowColor": "#000000",
+  "euiShadowColorLarge": "#000000",
+  "euiSize": "16px",
+  "euiSizeXS": "4px",
+  "euiSizeS": "8px",
+  "euiSizeM": "12px",
+  "euiSizeL": "24px",
+  "euiSizeXL": "32px",
+  "euiSizeXXL": "40px",
+  "euiButtonMinWidth": "112px",
+  "euiScrollBar": "16px",
+  "euiScrollBarCorner": "4px",
+  "euiScrollBarCornerThin": "6px",
+  "euiFocusRingColor": "rgba(27, 169, 245, 0.3)",
+  "euiFocusRingAnimStartColor": "rgba(27, 169, 245, 0)",
+  "euiFocusRingAnimStartSize": "6px",
+  "euiFocusRingAnimStartSizeLarge": "10px",
+  "euiFocusRingSizeLarge": "4px",
+  "euiFocusRingSize": "3px",
+  "euiFocusTransparency": 0.2,
+  "euiFocusTransparencyPercent": "80%",
+  "euiFocusBackgroundColor": "#052231",
+  "euiTooltipBackgroundColor": "#000000",
+  "euiTooltipAnimations": {
+    "top": "euiToolTipTop",
+    "left": "euiToolTipBottom",
+    "bottom": "euiToolTipLeft",
+    "right": "euiToolTipRight"
+  },
+  "euiFontFamily": "'Inter UI', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+  "euiCodeFontFamily": "'Roboto Mono', 'Consolas', 'Menlo', 'Courier', monospace",
+  "euiFontFeatureSettings": "calt 1 kern 1 liga 1",
+  "euiTextScale": "2.25 1.75 1.25 1.125 1 0.875 0.75",
+  "euiFontSize": "16px",
+  "euiFontSizeXS": "12px",
+  "euiFontSizeS": "14px",
+  "euiFontSizeM": "18px",
+  "euiFontSizeL": "20px",
+  "euiFontSizeXL": "28px",
+  "euiFontSizeXXL": "36px",
+  "euiLineHeight": 1.5,
+  "euiBodyLineHeight": 1,
+  "euiFontWeightLight": 300,
+  "euiFontWeightRegular": 400,
+  "euiFontWeightMedium": 500,
+  "euiFontWeightSemiBold": 600,
+  "euiFontWeightBold": 700,
+  "euiCodeFontWeightRegular": 400,
+  "euiCodeFontWeightBold": 700,
+  "euiTitles": {
+    "xxxs": {
+      "font-size": "12px",
+      "line-height": "1.5rem",
+      "font-weight": 700
+    },
+    "xxs": {
+      "font-size": "14px",
+      "line-height": "1.5rem",
+      "font-weight": 700
+    },
+    "xs": {
+      "font-size": "16px",
+      "line-height": "1.5rem",
+      "font-weight": 600,
+      "letter-spacing": "-0.02em"
+    },
+    "s": {
+      "font-size": "20px",
+      "line-height": "2rem",
+      "font-weight": 500,
+      "letter-spacing": "-0.025em"
+    },
+    "m": {
+      "font-size": "28px",
+      "line-height": "2.5rem",
+      "font-weight": 300,
+      "letter-spacing": "-0.04em"
+    },
+    "l": {
+      "font-size": "36px",
+      "line-height": "3rem",
+      "font-weight": 300,
+      "letter-spacing": "-0.03em"
+    }
+  },
+  "euiZLevel0": 0,
+  "euiZLevel1": 1000,
+  "euiZLevel2": 2000,
+  "euiZLevel3": 3000,
+  "euiZLevel4": 4000,
+  "euiZLevel5": 5000,
+  "euiZLevel6": 6000,
+  "euiZLevel7": 7000,
+  "euiZLevel8": 8000,
+  "euiZLevel9": 9000,
+  "euiZToastList": 9000,
+  "euiZModal": 8000,
+  "euiZMask": 6000,
+  "euiZNavigation": 6000,
+  "euiZContentMenu": 2000,
+  "euiZHeader": 1000,
+  "euiZFlyout": 1000,
+  "euiZMaskBelowHeader": 1000,
+  "euiZContent": 0
+}
\ No newline at end of file
diff --git a/src-docs/src/views/theme/_json/eui_legacy_light.json b/src-docs/src/views/theme/_json/eui_legacy_light.json
new file mode 100644
index 00000000000..9eb25568d2b
--- /dev/null
+++ b/src-docs/src/views/theme/_json/eui_legacy_light.json
@@ -0,0 +1,771 @@
+{
+  "paddingSizes": {
+    "xs": "4px",
+    "s": "8px",
+    "m": "16px",
+    "l": "24px",
+    "xl": "32px"
+  },
+  "avatarSizing": {
+    "s": {
+      "size": "24px",
+      "font-size": "12px"
+    },
+    "m": {
+      "size": "32px",
+      "font-size": "14.4px"
+    },
+    "l": {
+      "size": "40px",
+      "font-size": "19.200000000000003px"
+    },
+    "xl": {
+      "size": "64px",
+      "font-size": "25.6px"
+    }
+  },
+  "euiBadgeGroupGutterTypes": {
+    "gutterExtraSmall": "4px",
+    "gutterSmall": "8px"
+  },
+  "euiBreadcrumbSpacing": "8px",
+  "euiBreadcrumbTruncateWidth": "160px",
+  "euiButtonEmptyTypes": {
+    "primary": "#006bb4",
+    "danger": "#bd271e",
+    "disabled": "#afb0b3",
+    "ghost": "#ffffff",
+    "text": "#343741",
+    "success": "#017d73",
+    "warning": "#9b6900"
+  },
+  "euiCallOutTypes": {
+    "primary": "#006bb4",
+    "success": "#017d73",
+    "warning": "#f5a700",
+    "danger": "#bd271e"
+  },
+  "euiCardSpacing": "16px",
+  "euiCardBottomNodeHeight": "40px",
+  "euiCardSelectButtonBorders": {
+    "text": "#017d73",
+    "primary": "#006bb4",
+    "success": "#017d73",
+    "danger": "#bd271e",
+    "ghost": "#69707d"
+  },
+  "euiCardSelectButtonBackgrounds": {
+    "text": "#f5f7fa",
+    "primary": "#e6f0f8",
+    "success": "#e6f2f1",
+    "danger": "#f8e9e9",
+    "ghost": "#69707d"
+  },
+  "euiCardPaddingModifiers": {
+    "paddingNone": 0,
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiCheckableCardPadding": "16px",
+  "euiCodeBlockPaddingModifiers": {
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiCollapsibleNavGroupLightBackgroundColor": "#fafbfd",
+  "euiCollapsibleNavGroupDarkBackgroundColor": "#2a2c34",
+  "euiCollapsibleNavGroupDarkHighContrastColor": "#2580bf",
+  "euiColorPickerValueRange0": "#ffffff",
+  "euiColorPickerValueRange1": "rgba(255, 255, 255, 0)",
+  "euiColorPickerSaturationRange0": "#000000",
+  "euiColorPickerSaturationRange1": "rgba(0, 0, 0, 0)",
+  "euiColorPickerIndicatorSize": "12px",
+  "euiColorPickerWidth": "152px",
+  "euiColorPaletteDisplaySizes": {
+    "sizeExtraSmall": "4px",
+    "sizeSmall": "8px",
+    "sizeMedium": "16px"
+  },
+  "euiContextMenuWidth": "256px",
+  "euiControlBarBackground": "#343741",
+  "euiControlBarText": "#ffffff",
+  "euiControlBarBorderColor": "rgba(255, 255, 255, 0.19999999999999996)",
+  "euiControlBarInitialHeight": "40px",
+  "euiControlBarMaxHeight": "calc(100vh - 80px)",
+  "euiControlBarHeights": {
+    "s": "240px",
+    "m": "480px",
+    "l": "100vh"
+  },
+  "euiDataGridPrefix": ".euiDataGrid--",
+  "euiDataGridStyles": "'bordersAll', 'bordersNone', 'bordersHorizontal', 'paddingSmall', 'paddingMedium', 'paddingLarge', 'stripes', 'rowHoverNone', 'rowHoverHighlight', 'headerShade', 'headerUnderline', 'footerShade', 'footerOverline', 'fontSizeSmall', 'fontSizeLarge', 'noControls', 'stickyFooter'",
+  "euiDataGridColumnResizerWidth": "3px",
+  "euiDataGridPopoverMaxHeight": "400px",
+  "euiDataGridCellPaddingS": "4px",
+  "euiDataGridCellPaddingM": "6px",
+  "euiDataGridCellPaddingL": "8px",
+  "euiDataGridVerticalBorder": "solid 1px #edf0f5",
+  "euiSuperDatePickerWidth": "480px",
+  "euiSuperDatePickerButtonWidth": "118px",
+  "euiDragAndDropSpacing": {
+    "s": "2px",
+    "m": "4px",
+    "l": "8px"
+  },
+  "euiExpressionColors": {
+    "subdued": "#6a717d",
+    "primary": "#006bb4",
+    "success": "#017d73",
+    "secondary": "#017d73",
+    "warning": "#9b6900",
+    "danger": "#bd271e",
+    "accent": "#dd0a73"
+  },
+  "euiFacetGutterSizes": {
+    "gutterNone": 0,
+    "gutterSmall": "4px",
+    "gutterMedium": "8px",
+    "gutterLarge": "12px"
+  },
+  "gutterTypes": {
+    "gutterExtraSmall": "4px",
+    "gutterSmall": "8px",
+    "gutterMedium": "16px",
+    "gutterLarge": "24px",
+    "gutterExtraLarge": "40px"
+  },
+  "fractions": {
+    "fourths": {
+      "percentage": "25%",
+      "count": 4
+    },
+    "thirds": {
+      "percentage": "33.3%",
+      "count": 3
+    },
+    "halves": {
+      "percentage": "50%",
+      "count": 2
+    },
+    "single": {
+      "percentage": "100%",
+      "count": 1
+    }
+  },
+  "flyoutSizes": {
+    "small": {
+      "min": "384px",
+      "width": "25vw",
+      "max": "403px"
+    },
+    "medium": {
+      "min": "424px",
+      "width": "50vw",
+      "max": "768px"
+    },
+    "large": {
+      "min": "691px",
+      "width": "75vw",
+      "max": "992px"
+    }
+  },
+  "euiFlyoutBorder": "1px solid #d3dae6",
+  "euiFlyoutPaddingModifiers": {
+    "paddingNone": 0,
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiFilePickerTallHeight": "128px",
+  "euiRangeLevelColors": {
+    "primary": "#006bb4",
+    "success": "#017d73",
+    "warning": "#f5a700",
+    "danger": "#bd271e"
+  },
+  "textareaResizing": {
+    "vertical": "resizeVertical",
+    "horizontal": "resizeHorizontal",
+    "both": "resizeBoth",
+    "none": "resizeNone"
+  },
+  "euiHeaderLinksGutterSizes": {
+    "gutterXS": "4px",
+    "gutterS": "8px",
+    "gutterM": "12px",
+    "gutterL": "24px"
+  },
+  "ruleMargins": {
+    "marginXSmall": "8px",
+    "marginSmall": "12px",
+    "marginMedium": "16px",
+    "marginLarge": "24px",
+    "marginXLarge": "32px",
+    "marginXXLarge": "40px"
+  },
+  "euiIconLoadingOpacity": 0.05,
+  "euiIconColors": {
+    "accent": "#dd0a73",
+    "danger": "#bd271e",
+    "ghost": "#ffffff",
+    "primary": "#006bb4",
+    "secondary": "#017d73",
+    "success": "#017d73",
+    "subdued": "#6a717d",
+    "text": "#343741",
+    "warning": "#be8100",
+    "inherit": "inherit"
+  },
+  "euiIconSizes": {
+    "small": "12px",
+    "medium": "16px",
+    "large": "24px",
+    "xLarge": "32px",
+    "xxLarge": "40px"
+  },
+  "euiKeyPadMenuSize": "96px",
+  "euiKeyPadMenuMarginSize": "4px",
+  "euiLinkColors": {
+    "subdued": "#6a717d",
+    "primary": "#006bb4",
+    "secondary": "#017d73",
+    "success": "#017d73",
+    "accent": "#dd0a73",
+    "warning": "#9b6900",
+    "danger": "#bd271e",
+    "text": "#343741",
+    "ghost": "#ffffff"
+  },
+  "euiListGroupItemHoverBackground": "rgba(211, 218, 230, 0.25)",
+  "euiListGroupItemHoverBackgroundGhost": "rgba(255, 255, 255, 0.09999999999999998)",
+  "euiListGroupGutterTypes": {
+    "gutterSmall": "8px",
+    "gutterMedium": "16px"
+  },
+  "euiListGroupItemColorTypes": {
+    "primary": "#006bb4",
+    "text": "#343741",
+    "subdued": "#6a717d",
+    "ghost": "#ffffff"
+  },
+  "euiListGroupItemSizeTypes": {
+    "xSmall": "12px",
+    "small": "14px",
+    "medium": "16px",
+    "large": "20px"
+  },
+  "euiGradientStartStop": "#f0f2f6",
+  "euiGradientMiddle": "#f6f8fa",
+  "euiMarkdownEditorMinHeight": "150px",
+  "euiPopoverArrowSize": "12px",
+  "euiPopoverTranslateDistance": "8px",
+  "euiProgressSizes": {
+    "xs": "2px",
+    "s": "4px",
+    "m": "8px",
+    "l": "16px"
+  },
+  "euiProgressColors": {
+    "primary": "#006bb4",
+    "secondary": "#017d73",
+    "success": "#017d73",
+    "warning": "#f5a700",
+    "danger": "#bd271e",
+    "accent": "#dd0a73",
+    "subdued": "#6a717d",
+    "vis0": "#54b399",
+    "vis1": "#6092c0",
+    "vis2": "#d36086",
+    "vis3": "#9170b8",
+    "vis4": "#ca8eae",
+    "vis5": "#d6bf57",
+    "vis6": "#b9a888",
+    "vis7": "#da8b45",
+    "vis8": "#aa6556",
+    "vis9": "#e7664c",
+    "customColor": "currentColor"
+  },
+  "euiResizableButtonTransitionSpeed": "150ms",
+  "euiResizableButtonSize": "16px",
+  "euiSelectableListItemBorder": "1px solid #eef2f7",
+  "euiSelectableListItemPadding": "4px 12px",
+  "euiSelectableTemplateSitewideTypes": {
+    "application": {
+      "color": "#4e779c",
+      "font-weight": 500
+    },
+    "deployment": {
+      "color": "#3b7d6a",
+      "font-weight": 500
+    },
+    "article": {
+      "color": "#8365a6",
+      "font-weight": 500
+    },
+    "case": {
+      "color": "#bc533e",
+      "font-weight": 500
+    },
+    "platform": {
+      "color": "#807234",
+      "font-weight": 500
+    }
+  },
+  "euiSideNavEmphasizedBackgroundColor": "rgba(211, 218, 230, 0.30000000000000004)",
+  "euiSideNavRootTextcolor": "#1a1c21",
+  "euiSideNavBranchTextcolor": "#656b77",
+  "euiSideNavSelectedTextcolor": "#006bb4",
+  "euiSideNavDisabledTextcolor": "#a6a7aa",
+  "spacerSizes": {
+    "xs": "4px",
+    "s": "8px",
+    "m": "16px",
+    "l": "24px",
+    "xl": "32px",
+    "xxl": "40px"
+  },
+  "euiStepNumberSize": "32px",
+  "euiStepNumberSmallSize": "24px",
+  "euiStepNumberMargin": "16px",
+  "euiStepStatusColorsToFade": {
+    "warning": "#f5a700",
+    "danger": "#bd271e",
+    "disabled": "#69707d",
+    "incomplete": "#69707d"
+  },
+  "euiSuggestItemColors": {
+    "tint0": "#54b399",
+    "tint1": "#6092c0",
+    "tint2": "#d36086",
+    "tint3": "#9170b8",
+    "tint4": "#ca8eae",
+    "tint5": "#d6bf57",
+    "tint6": "#b9a888",
+    "tint7": "#da8b45",
+    "tint8": "#aa6556",
+    "tint9": "#e7664c",
+    "tint10": "#69707d"
+  },
+  "euiTableCellContentPadding": "8px",
+  "euiTableCellContentPaddingCompressed": "4px",
+  "euiTableCellCheckboxWidth": "32px",
+  "euiTableActionsAreaWidth": "40px",
+  "euiTableHoverColor": "#fafbfd",
+  "euiTableSelectedColor": "#eef5fa",
+  "euiTableHoverSelectedColor": "#e6f0f8",
+  "euiTableActionsBorderColor": "rgba(152, 162, 179, 0.09999999999999998)",
+  "euiTableHoverClickableColor": "rgba(0, 107, 180, 0.050000000000000044)",
+  "euiTableFocusClickableColor": "rgba(0, 107, 180, 0.09999999999999998)",
+  "euiTabFontSize": "16px",
+  "euiTabFontSizeS": "14px",
+  "euiTabFontSizeL": "18px",
+  "euiTextColors": {
+    "default": "#343741",
+    "subdued": "#6a717d",
+    "secondary": "#017d73",
+    "success": "#017d73",
+    "accent": "#dd0a73",
+    "warning": "#f5a700",
+    "danger": "#bd271e",
+    "ghost": "#ffffff",
+    "inherit": "inherit"
+  },
+  "euiTextConstrainedMaxWidth": "36em",
+  "euiToastWidth": "320px",
+  "euiToastTypes": {
+    "primary": "#006bb4",
+    "success": "#017d73",
+    "warning": "#c88800",
+    "danger": "#bd271e"
+  },
+  "euiTokenGrayColor": "#69707d",
+  "euiTokenTypes": {
+    "euiColorVis0": {
+      "graphic": "#54b399",
+      "behindText": "#6dccb1"
+    },
+    "euiColorVis1": {
+      "graphic": "#6092c0",
+      "behindText": "#79aad9"
+    },
+    "euiColorVis2": {
+      "graphic": "#d36086",
+      "behindText": "#ee789d"
+    },
+    "euiColorVis3": {
+      "graphic": "#9170b8",
+      "behindText": "#a987d1"
+    },
+    "euiColorVis4": {
+      "graphic": "#ca8eae",
+      "behindText": "#e4a6c7"
+    },
+    "euiColorVis5": {
+      "graphic": "#d6bf57",
+      "behindText": "#f1d86f"
+    },
+    "euiColorVis6": {
+      "graphic": "#b9a888",
+      "behindText": "#d2c0a0"
+    },
+    "euiColorVis7": {
+      "graphic": "#da8b45",
+      "behindText": "#f5a35c"
+    },
+    "euiColorVis8": {
+      "graphic": "#aa6556",
+      "behindText": "#c47c6c"
+    },
+    "euiColorVis9": {
+      "graphic": "#e7664c",
+      "behindText": "#ff7e62"
+    },
+    "gray": {
+      "graphic": "#69707d",
+      "behindText": "#69707d"
+    }
+  },
+  "euiTokenTypeKeys": "'euiColorVis0', 'euiColorVis1', 'euiColorVis2', 'euiColorVis3', 'euiColorVis4', 'euiColorVis5', 'euiColorVis6', 'euiColorVis7', 'euiColorVis8', 'euiColorVis9', 'gray'",
+  "euiContrastRatioText": 4.5,
+  "euiContrastRatioGraphic": 3,
+  "euiContrastRatioDisabled": 2,
+  "euiDatePickerCalendarWidth": "284px",
+  "euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)",
+  "euiAnimSlightResistance": "cubic-bezier(0.694, 0.0482, 0.335, 1)",
+  "euiAnimSpeedExtraFast": "90ms",
+  "euiAnimSpeedFast": "150ms",
+  "euiAnimSpeedNormal": "250ms",
+  "euiAnimSpeedSlow": "350ms",
+  "euiAnimSpeedExtraSlow": "500ms",
+  "euiBorderWidthThin": "1px",
+  "euiBorderWidthThick": "2px",
+  "euiBorderColor": "#d3dae6",
+  "euiBorderRadius": "4px",
+  "euiBorderRadiusSmall": "2px",
+  "euiBorderThick": "2px solid #d3dae6",
+  "euiBorderThin": "1px solid #d3dae6",
+  "euiBorderEditable": "2px dotted #d3dae6",
+  "euiButtonHeight": "40px",
+  "euiButtonHeightSmall": "32px",
+  "euiButtonHeightXSmall": "24px",
+  "euiButtonColorDisabled": "#c2c3c6",
+  "euiButtonColorDisabledText": "#afb0b3",
+  "euiButtonColorGhostDisabled": "#69707d",
+  "euiButtonTypes": {
+    "primary": "#006bb4",
+    "accent": "#dd0a73",
+    "secondary": "#017d73",
+    "success": "#017d73",
+    "warning": "#f5a700",
+    "danger": "#bd271e",
+    "subdued": "#6a717d",
+    "ghost": "#ffffff",
+    "text": "#69707d"
+  },
+  "euiColorGhost": "#ffffff",
+  "euiColorInk": "#000000",
+  "euiColorPrimary": "#006bb4",
+  "euiColorSecondary": "#017d73",
+  "euiColorAccent": "#dd0a73",
+  "euiColorSuccess": "#017d73",
+  "euiColorWarning": "#f5a700",
+  "euiColorDanger": "#bd271e",
+  "euiColorEmptyShade": "#ffffff",
+  "euiColorLightestShade": "#f5f7fa",
+  "euiColorLightShade": "#d3dae6",
+  "euiColorMediumShade": "#98a2b3",
+  "euiColorDarkShade": "#69707d",
+  "euiColorDarkestShade": "#343741",
+  "euiColorFullShade": "#000000",
+  "euiPageBackgroundColor": "#fafbfd",
+  "euiColorHighlight": "#fffcdd",
+  "euiTextColor": "#343741",
+  "euiTitleColor": "#1a1c21",
+  "euiTextSubduedColor": "#6a717d",
+  "euiColorDisabled": "#c2c3c6",
+  "euiColorPrimaryText": "#006bb4",
+  "euiColorSecondaryText": "#017d73",
+  "euiColorAccentText": "#dd0a73",
+  "euiColorWarningText": "#9b6900",
+  "euiColorDangerText": "#bd271e",
+  "euiColorDisabledText": "#afb0b3",
+  "euiColorSuccessText": "#017d73",
+  "euiLinkColor": "#006bb4",
+  "euiPaletteColorBlind": {
+    "euiColorVis0": {
+      "graphic": "#54b399",
+      "behindText": "#6dccb1"
+    },
+    "euiColorVis1": {
+      "graphic": "#6092c0",
+      "behindText": "#79aad9"
+    },
+    "euiColorVis2": {
+      "graphic": "#d36086",
+      "behindText": "#ee789d"
+    },
+    "euiColorVis3": {
+      "graphic": "#9170b8",
+      "behindText": "#a987d1"
+    },
+    "euiColorVis4": {
+      "graphic": "#ca8eae",
+      "behindText": "#e4a6c7"
+    },
+    "euiColorVis5": {
+      "graphic": "#d6bf57",
+      "behindText": "#f1d86f"
+    },
+    "euiColorVis6": {
+      "graphic": "#b9a888",
+      "behindText": "#d2c0a0"
+    },
+    "euiColorVis7": {
+      "graphic": "#da8b45",
+      "behindText": "#f5a35c"
+    },
+    "euiColorVis8": {
+      "graphic": "#aa6556",
+      "behindText": "#c47c6c"
+    },
+    "euiColorVis9": {
+      "graphic": "#e7664c",
+      "behindText": "#ff7e62"
+    }
+  },
+  "euiPaletteColorBlindKeys": "'euiColorVis0', 'euiColorVis1', 'euiColorVis2', 'euiColorVis3', 'euiColorVis4', 'euiColorVis5', 'euiColorVis6', 'euiColorVis7', 'euiColorVis8', 'euiColorVis9'",
+  "euiColorVis0": "#54b399",
+  "euiColorVis1": "#6092c0",
+  "euiColorVis2": "#d36086",
+  "euiColorVis3": "#9170b8",
+  "euiColorVis4": "#ca8eae",
+  "euiColorVis5": "#d6bf57",
+  "euiColorVis6": "#b9a888",
+  "euiColorVis7": "#da8b45",
+  "euiColorVis8": "#aa6556",
+  "euiColorVis9": "#e7664c",
+  "euiColorVis0_behindText": "#6dccb1",
+  "euiColorVis1_behindText": "#79aad9",
+  "euiColorVis2_behindText": "#ee789d",
+  "euiColorVis3_behindText": "#a987d1",
+  "euiColorVis4_behindText": "#e4a6c7",
+  "euiColorVis5_behindText": "#f1d86f",
+  "euiColorVis6_behindText": "#d2c0a0",
+  "euiColorVis7_behindText": "#f5a35c",
+  "euiColorVis8_behindText": "#c47c6c",
+  "euiColorVis9_behindText": "#ff7e62",
+  "euiColorChartLines": "#eef0f3",
+  "euiColorChartBand": "#f5f7fa",
+  "euiCodeBlockBackgroundColor": "#f5f7fa",
+  "euiCodeBlockColor": "#343741",
+  "euiCodeBlockSelectedBackgroundColor": "inherit",
+  "euiCodeBlockCommentColor": "#6a717d",
+  "euiCodeBlockSelectorTagColor": "inherit",
+  "euiCodeBlockStringColor": "#ac4e6d",
+  "euiCodeBlockTagColor": "#4a7194",
+  "euiCodeBlockNameColor": "#4a7194",
+  "euiCodeBlockNumberColor": "#3b7d6a",
+  "euiCodeBlockKeywordColor": "#7c609e",
+  "euiCodeBlockFunctionTitleColor": "inherit",
+  "euiCodeBlockTypeColor": "#4a7194",
+  "euiCodeBlockAttributeColor": "inherit",
+  "euiCodeBlockSymbolColor": "#b34f3b",
+  "euiCodeBlockParamsColor": "inherit",
+  "euiCodeBlockMetaColor": "#6a717d",
+  "euiCodeBlockTitleColor": "#996130",
+  "euiCodeBlockSectionColor": "#b34f3b",
+  "euiCodeBlockAdditionColor": "#3b7d6a",
+  "euiCodeBlockDeletionColor": "#bd271e",
+  "euiCodeBlockSelectorClassColor": "inherit",
+  "euiCodeBlockSelectorIdColor": "inherit",
+  "euiFormMaxWidth": "400px",
+  "euiFormControlHeight": "40px",
+  "euiFormControlCompressedHeight": "32px",
+  "euiFormControlPadding": "12px",
+  "euiFormControlCompressedPadding": "8px",
+  "euiFormControlBorderRadius": 0,
+  "euiFormControlCompressedBorderRadius": "2px",
+  "euiRadioSize": "16px",
+  "euiCheckBoxSize": "16px",
+  "euiCheckboxBorderRadius": "4px",
+  "euiSwitchHeight": "20px",
+  "euiSwitchWidth": "44px",
+  "euiSwitchThumbSize": "20px",
+  "euiSwitchIconHeight": "16px",
+  "euiSwitchHeightCompressed": "16px",
+  "euiSwitchWidthCompressed": "28px",
+  "euiSwitchThumbSizeCompressed": "16px",
+  "euiSwitchHeightMini": "10px",
+  "euiSwitchWidthMini": "22px",
+  "euiSwitchThumbSizeMini": "10px",
+  "euiFormBackgroundColor": "#fbfcfd",
+  "euiFormBackgroundDisabledColor": "#eef2f7",
+  "euiFormBackgroundReadOnlyColor": "rgba(211, 218, 230, 0.050000000000000044)",
+  "euiFormBorderOpaqueColor": "#0f2776",
+  "euiFormBorderColor": "rgba(15, 39, 118, 0.09999999999999998)",
+  "euiFormBorderDisabledColor": "rgba(15, 39, 118, 0.09999999999999998)",
+  "euiFormCustomControlDisabledIconColor": "#5e646f",
+  "euiFormCustomControlBorderColor": "#c9cbcd",
+  "euiFormControlDisabledColor": "#98a2b3",
+  "euiFormControlBoxShadow": "0 1px 1px -1px rgba(152, 162, 179, 0.19999999999999996) 0 3px 2px -2px rgba(152, 162, 179, 0.19999999999999996)",
+  "euiFormControlPlaceholderText": "#6a717d",
+  "euiFormInputGroupLabelBackground": "#e9edf3",
+  "euiFormInputGroupBorder": "1px solid #e4e8ee",
+  "euiSwitchOffColor": "rgba(152, 162, 179, 0.19999999999999996)",
+  "euiFormControlLayoutGroupInputHeight": "38px",
+  "euiFormControlLayoutGroupInputCompressedHeight": "30px",
+  "euiFormControlLayoutGroupInputCompressedBorderRadius": "1px",
+  "euiRangeTrackColor": "#69707d",
+  "euiRangeThumbRadius": "50%",
+  "euiRangeThumbHeight": "16px",
+  "euiRangeThumbWidth": "16px",
+  "euiRangeThumbBorderColor": "#69707d",
+  "euiRangeTrackWidth": "100%",
+  "euiRangeTrackHeight": "2px",
+  "euiRangeTrackBorderWidth": 0,
+  "euiRangeTrackBorderColor": "#69707d",
+  "euiRangeTrackRadius": "4px",
+  "euiRangeDisabledOpacity": 0.25,
+  "euiRangeHighlightHeight": "4px",
+  "euiHeaderBackgroundColor": "#ffffff",
+  "euiHeaderDarkBackgroundColor": "#25282f",
+  "euiHeaderBorderColor": "#d3dae6",
+  "euiHeaderBreadcrumbColor": "#343741",
+  "euiHeaderHeight": "48px",
+  "euiHeaderChildSize": "48px",
+  "euiHeaderHeightCompensation": "49px",
+  "euiPageDefaultMaxWidth": "1000px",
+  "euiPageSidebarMinWidth": "192px",
+  "euiPanelPaddingModifiers": {
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiPanelBorderRadiusModifiers": {
+    "borderRadiusNone": 0,
+    "borderRadiusMedium": "4px"
+  },
+  "euiPanelBackgroundColorModifiers": {
+    "transparent": "rgba(0, 0, 0, 0)",
+    "plain": "#ffffff",
+    "subdued": "#fafbfd",
+    "accent": "#fce7f1",
+    "primary": "#e6f0f8",
+    "success": "#e6f2f1",
+    "warning": "#fef6e6",
+    "danger": "#f8e9e9"
+  },
+  "euiBreakpoints": {
+    "xs": 0,
+    "s": "575px",
+    "m": "768px",
+    "l": "992px",
+    "xl": "1200px"
+  },
+  "euiBreakpointKeys": "'xs', 's', 'm', 'l', 'xl'",
+  "euiShadowColor": "#98a2b3",
+  "euiShadowColorLarge": "#414e65",
+  "euiSize": "16px",
+  "euiSizeXS": "4px",
+  "euiSizeS": "8px",
+  "euiSizeM": "12px",
+  "euiSizeL": "24px",
+  "euiSizeXL": "32px",
+  "euiSizeXXL": "40px",
+  "euiButtonMinWidth": "112px",
+  "euiScrollBar": "16px",
+  "euiScrollBarCorner": "4px",
+  "euiScrollBarCornerThin": "6px",
+  "euiFocusRingColor": "rgba(0, 107, 180, 0.3)",
+  "euiFocusRingAnimStartColor": "rgba(0, 107, 180, 0)",
+  "euiFocusRingAnimStartSize": "6px",
+  "euiFocusRingAnimStartSizeLarge": "10px",
+  "euiFocusRingSizeLarge": "4px",
+  "euiFocusRingSize": "3px",
+  "euiFocusTransparency": 0.1,
+  "euiFocusTransparencyPercent": "90%",
+  "euiFocusBackgroundColor": "#e6f0f8",
+  "euiTooltipBackgroundColor": "#404040",
+  "euiTooltipAnimations": {
+    "top": "euiToolTipTop",
+    "left": "euiToolTipBottom",
+    "bottom": "euiToolTipLeft",
+    "right": "euiToolTipRight"
+  },
+  "euiFontFamily": "'Inter UI', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+  "euiCodeFontFamily": "'Roboto Mono', 'Consolas', 'Menlo', 'Courier', monospace",
+  "euiFontFeatureSettings": "calt 1 kern 1 liga 1",
+  "euiTextScale": "2.25 1.75 1.25 1.125 1 0.875 0.75",
+  "euiFontSize": "16px",
+  "euiFontSizeXS": "12px",
+  "euiFontSizeS": "14px",
+  "euiFontSizeM": "18px",
+  "euiFontSizeL": "20px",
+  "euiFontSizeXL": "28px",
+  "euiFontSizeXXL": "36px",
+  "euiLineHeight": 1.5,
+  "euiBodyLineHeight": 1,
+  "euiFontWeightLight": 300,
+  "euiFontWeightRegular": 400,
+  "euiFontWeightMedium": 500,
+  "euiFontWeightSemiBold": 600,
+  "euiFontWeightBold": 700,
+  "euiCodeFontWeightRegular": 400,
+  "euiCodeFontWeightBold": 700,
+  "euiTitles": {
+    "xxxs": {
+      "font-size": "12px",
+      "line-height": "1.5rem",
+      "font-weight": 700
+    },
+    "xxs": {
+      "font-size": "14px",
+      "line-height": "1.5rem",
+      "font-weight": 700
+    },
+    "xs": {
+      "font-size": "16px",
+      "line-height": "1.5rem",
+      "font-weight": 600,
+      "letter-spacing": "-0.02em"
+    },
+    "s": {
+      "font-size": "20px",
+      "line-height": "2rem",
+      "font-weight": 500,
+      "letter-spacing": "-0.025em"
+    },
+    "m": {
+      "font-size": "28px",
+      "line-height": "2.5rem",
+      "font-weight": 300,
+      "letter-spacing": "-0.04em"
+    },
+    "l": {
+      "font-size": "36px",
+      "line-height": "3rem",
+      "font-weight": 300,
+      "letter-spacing": "-0.03em"
+    }
+  },
+  "euiZLevel0": 0,
+  "euiZLevel1": 1000,
+  "euiZLevel2": 2000,
+  "euiZLevel3": 3000,
+  "euiZLevel4": 4000,
+  "euiZLevel5": 5000,
+  "euiZLevel6": 6000,
+  "euiZLevel7": 7000,
+  "euiZLevel8": 8000,
+  "euiZLevel9": 9000,
+  "euiZToastList": 9000,
+  "euiZModal": 8000,
+  "euiZMask": 6000,
+  "euiZNavigation": 6000,
+  "euiZContentMenu": 2000,
+  "euiZHeader": 1000,
+  "euiZFlyout": 1000,
+  "euiZMaskBelowHeader": 1000,
+  "euiZContent": 0
+}
\ No newline at end of file
diff --git a/src-docs/src/views/theme/_json/eui_theme_dark.json b/src-docs/src/views/theme/_json/eui_theme_dark.json
new file mode 100644
index 00000000000..af35930bfc3
--- /dev/null
+++ b/src-docs/src/views/theme/_json/eui_theme_dark.json
@@ -0,0 +1,787 @@
+{
+  "paddingSizes": {
+    "xs": "4px",
+    "s": "8px",
+    "m": "16px",
+    "l": "24px",
+    "xl": "32px"
+  },
+  "avatarSizing": {
+    "s": {
+      "size": "24px",
+      "font-size": "12px"
+    },
+    "m": {
+      "size": "32px",
+      "font-size": "14.4px"
+    },
+    "l": {
+      "size": "40px",
+      "font-size": "19.200000000000003px"
+    },
+    "xl": {
+      "size": "64px",
+      "font-size": "25.6px"
+    }
+  },
+  "euiBadgeGroupGutterTypes": {
+    "gutterExtraSmall": "4px",
+    "gutterSmall": "8px"
+  },
+  "euiBreadcrumbSpacing": "8px",
+  "euiBreadcrumbTruncateWidth": "160px",
+  "euiButtonEmptyTypes": {
+    "primary": "#36a2ef",
+    "danger": "#f86b63",
+    "disabled": "#515761",
+    "ghost": "#ffffff",
+    "text": "#dfe5ef",
+    "success": "#7dded8",
+    "warning": "#f3d371"
+  },
+  "euiCallOutTypes": {
+    "primary": "#36a2ef",
+    "success": "#7dded8",
+    "warning": "#f3d371",
+    "danger": "#f86b63"
+  },
+  "euiCardSpacing": "16px",
+  "euiCardBottomNodeHeight": "40px",
+  "euiCardSelectButtonBorders": {
+    "text": "#7dded8",
+    "primary": "#36a2ef",
+    "success": "#7dded8",
+    "danger": "#f86b63",
+    "ghost": "#98a2b3"
+  },
+  "euiCardSelectButtonBackgrounds": {
+    "text": "#25262e",
+    "primary": "#103148",
+    "success": "#264341",
+    "danger": "#4a201e",
+    "ghost": "#98a2b3"
+  },
+  "euiCardPaddingModifiers": {
+    "paddingNone": 0,
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiCheckableCardPadding": "16px",
+  "euiCodeBlockPaddingModifiers": {
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiCollapsibleNavGroupLightBackgroundColor": "#141519",
+  "euiCollapsibleNavGroupDarkBackgroundColor": "#131317",
+  "euiCollapsibleNavGroupDarkHighContrastColor": "#36a2ef",
+  "euiColorPickerValueRange0": "#ffffff",
+  "euiColorPickerValueRange1": "rgba(255, 255, 255, 0)",
+  "euiColorPickerSaturationRange0": "#000000",
+  "euiColorPickerSaturationRange1": "rgba(0, 0, 0, 0)",
+  "euiColorPickerIndicatorSize": "12px",
+  "euiColorPickerWidth": "152px",
+  "euiColorPaletteDisplaySizes": {
+    "sizeExtraSmall": "4px",
+    "sizeSmall": "8px",
+    "sizeMedium": "16px"
+  },
+  "euiContextMenuWidth": "256px",
+  "euiControlBarBackground": "#000000",
+  "euiControlBarText": "#a9aaad",
+  "euiControlBarBorderColor": "rgba(255, 255, 255, 0.19999999999999996)",
+  "euiControlBarInitialHeight": "40px",
+  "euiControlBarMaxHeight": "calc(100vh - 80px)",
+  "euiControlBarHeights": {
+    "s": "240px",
+    "m": "480px",
+    "l": "100vh"
+  },
+  "euiDataGridPrefix": ".euiDataGrid--",
+  "euiDataGridStyles": "'bordersAll', 'bordersNone', 'bordersHorizontal', 'paddingSmall', 'paddingMedium', 'paddingLarge', 'stripes', 'rowHoverNone', 'rowHoverHighlight', 'headerShade', 'headerUnderline', 'footerShade', 'footerOverline', 'fontSizeSmall', 'fontSizeLarge', 'noControls', 'stickyFooter'",
+  "euiDataGridColumnResizerWidth": "3px",
+  "euiDataGridPopoverMaxHeight": "400px",
+  "euiDataGridCellPaddingS": "4px",
+  "euiDataGridCellPaddingM": "6px",
+  "euiDataGridCellPaddingL": "8px",
+  "euiDataGridVerticalBorder": "solid 1px #24272e",
+  "euiSuperDatePickerWidth": "480px",
+  "euiSuperDatePickerButtonWidth": "118px",
+  "euiDragAndDropSpacing": {
+    "s": "2px",
+    "m": "4px",
+    "l": "8px"
+  },
+  "euiExpressionColors": {
+    "subdued": "#7a7f89",
+    "primary": "#36a2ef",
+    "success": "#7dded8",
+    "secondary": "#7dded8",
+    "warning": "#f3d371",
+    "danger": "#f86b63",
+    "accent": "#f68fbe"
+  },
+  "euiFacetGutterSizes": {
+    "gutterNone": 0,
+    "gutterSmall": "4px",
+    "gutterMedium": "8px",
+    "gutterLarge": "12px"
+  },
+  "gutterTypes": {
+    "gutterExtraSmall": "4px",
+    "gutterSmall": "8px",
+    "gutterMedium": "16px",
+    "gutterLarge": "24px",
+    "gutterExtraLarge": "40px"
+  },
+  "fractions": {
+    "fourths": {
+      "percentage": "25%",
+      "count": 4
+    },
+    "thirds": {
+      "percentage": "33.3%",
+      "count": 3
+    },
+    "halves": {
+      "percentage": "50%",
+      "count": 2
+    },
+    "single": {
+      "percentage": "100%",
+      "count": 1
+    }
+  },
+  "flyoutSizes": {
+    "small": {
+      "min": "384px",
+      "width": "25vw",
+      "max": "403px"
+    },
+    "medium": {
+      "min": "424px",
+      "width": "50vw",
+      "max": "768px"
+    },
+    "large": {
+      "min": "691px",
+      "width": "75vw",
+      "max": "992px"
+    }
+  },
+  "euiFlyoutBorder": "none",
+  "euiFlyoutPaddingModifiers": {
+    "paddingNone": 0,
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiFilePickerTallHeight": "128px",
+  "euiRangeLevelColors": {
+    "primary": "#36a2ef",
+    "success": "#7dded8",
+    "warning": "#f3d371",
+    "danger": "#f86b63"
+  },
+  "textareaResizing": {
+    "vertical": "resizeVertical",
+    "horizontal": "resizeHorizontal",
+    "both": "resizeBoth",
+    "none": "resizeNone"
+  },
+  "euiHeaderLinksGutterSizes": {
+    "gutterXS": "4px",
+    "gutterS": "8px",
+    "gutterM": "12px",
+    "gutterL": "24px"
+  },
+  "ruleMargins": {
+    "marginXSmall": "8px",
+    "marginSmall": "12px",
+    "marginMedium": "16px",
+    "marginLarge": "24px",
+    "marginXLarge": "32px",
+    "marginXXLarge": "40px"
+  },
+  "euiIconLoadingOpacity": 0.05,
+  "euiIconColors": {
+    "accent": "#f68fbe",
+    "danger": "#f86b63",
+    "ghost": "#ffffff",
+    "primary": "#36a2ef",
+    "secondary": "#7dded8",
+    "success": "#7dded8",
+    "subdued": "#7a7f89",
+    "text": "#dfe5ef",
+    "warning": "#f3d371",
+    "inherit": "inherit"
+  },
+  "euiIconSizes": {
+    "small": "12px",
+    "medium": "16px",
+    "large": "24px",
+    "xLarge": "32px",
+    "xxLarge": "40px"
+  },
+  "euiKeyPadMenuSize": "96px",
+  "euiKeyPadMenuMarginSize": "4px",
+  "euiLinkColors": {
+    "subdued": "#7a7f89",
+    "primary": "#36a2ef",
+    "secondary": "#7dded8",
+    "success": "#7dded8",
+    "accent": "#f68fbe",
+    "warning": "#f3d371",
+    "danger": "#f86b63",
+    "text": "#dfe5ef",
+    "ghost": "#ffffff"
+  },
+  "euiListGroupItemHoverBackground": "rgba(52, 55, 65, 0.25)",
+  "euiListGroupItemHoverBackgroundGhost": "rgba(255, 255, 255, 0.09999999999999998)",
+  "euiListGroupGutterTypes": {
+    "gutterSmall": "8px",
+    "gutterMedium": "16px"
+  },
+  "euiListGroupItemColorTypes": {
+    "primary": "#36a2ef",
+    "text": "#dfe5ef",
+    "subdued": "#7a7f89",
+    "ghost": "#ffffff"
+  },
+  "euiListGroupItemSizeTypes": {
+    "xSmall": "12px",
+    "small": "14px",
+    "medium": "14px",
+    "large": "22px"
+  },
+  "euiGradientStartStop": "#2e3039",
+  "euiGradientMiddle": "#282a31",
+  "euiMarkdownEditorMinHeight": "150px",
+  "euiPopoverArrowSize": "12px",
+  "euiPopoverTranslateDistance": "8px",
+  "euiProgressSizes": {
+    "xs": "2px",
+    "s": "4px",
+    "m": "8px",
+    "l": "16px"
+  },
+  "euiProgressColors": {
+    "primary": "#36a2ef",
+    "secondary": "#7dded8",
+    "success": "#7dded8",
+    "warning": "#f3d371",
+    "danger": "#f86b63",
+    "accent": "#f68fbe",
+    "subdued": "#7a7f89",
+    "vis0": "#54b399",
+    "vis1": "#6092c0",
+    "vis2": "#d36086",
+    "vis3": "#9170b8",
+    "vis4": "#ca8eae",
+    "vis5": "#d6bf57",
+    "vis6": "#b9a888",
+    "vis7": "#da8b45",
+    "vis8": "#aa6556",
+    "vis9": "#e7664c",
+    "customColor": "currentColor"
+  },
+  "euiResizableButtonTransitionSpeed": "150ms",
+  "euiResizableButtonSize": "16px",
+  "euiSelectableListItemBorder": "1px solid #202128",
+  "euiSelectableListItemPadding": "4px 12px",
+  "euiSelectableTemplateSitewideTypes": {
+    "application": {
+      "color": "#6092c0",
+      "font-weight": 500
+    },
+    "deployment": {
+      "color": "#54b399",
+      "font-weight": 500
+    },
+    "article": {
+      "color": "#9170b8",
+      "font-weight": 500
+    },
+    "case": {
+      "color": "#e7664c",
+      "font-weight": 500
+    },
+    "platform": {
+      "color": "#d6bf57",
+      "font-weight": 500
+    }
+  },
+  "euiSideNavEmphasizedBackgroundColor": "rgba(52, 55, 65, 0.30000000000000004)",
+  "euiSideNavRootTextcolor": "#dfe5ef",
+  "euiSideNavBranchTextcolor": "#878b95",
+  "euiSideNavSelectedTextcolor": "#36a2ef",
+  "euiSideNavDisabledTextcolor": "#515761",
+  "spacerSizes": {
+    "xs": "4px",
+    "s": "8px",
+    "m": "16px",
+    "l": "24px",
+    "xl": "32px",
+    "xxl": "40px"
+  },
+  "euiStepNumberSize": "32px",
+  "euiStepNumberSmallSize": "24px",
+  "euiStepNumberMargin": "16px",
+  "euiStepStatusColorsToFade": {
+    "warning": "#f3d371",
+    "danger": "#f86b63",
+    "disabled": "#98a2b3",
+    "incomplete": "#98a2b3"
+  },
+  "euiSuggestItemColors": {
+    "tint0": "#54b399",
+    "tint1": "#6092c0",
+    "tint2": "#d36086",
+    "tint3": "#9170b8",
+    "tint4": "#ca8eae",
+    "tint5": "#d6bf57",
+    "tint6": "#b9a888",
+    "tint7": "#da8b45",
+    "tint8": "#aa6556",
+    "tint9": "#e7664c",
+    "tint10": "#98a2b3"
+  },
+  "euiTableCellContentPadding": "8px",
+  "euiTableCellContentPaddingCompressed": "4px",
+  "euiTableCellCheckboxWidth": "32px",
+  "euiTableActionsAreaWidth": "40px",
+  "euiTableHoverColor": "#1e1e25",
+  "euiTableSelectedColor": "rgba(54, 162, 239, 0.19999999999999996)",
+  "euiTableHoverSelectedColor": "rgba(27, 81, 120, 0.27999999999999997)",
+  "euiTableActionsBorderColor": "rgba(83, 89, 102, 0.09999999999999998)",
+  "euiTableHoverClickableColor": "rgba(54, 162, 239, 0.050000000000000044)",
+  "euiTableFocusClickableColor": "rgba(54, 162, 239, 0.09999999999999998)",
+  "euiTabFontSize": "14px",
+  "euiTabFontSizeS": "14px",
+  "euiTabFontSizeL": "16px",
+  "euiTextColors": {
+    "default": "#dfe5ef",
+    "subdued": "#7a7f89",
+    "secondary": "#7dded8",
+    "success": "#7dded8",
+    "accent": "#f68fbe",
+    "warning": "#f3d371",
+    "danger": "#f86b63",
+    "ghost": "#ffffff",
+    "inherit": "inherit"
+  },
+  "euiTextConstrainedMaxWidth": "36em",
+  "euiToastWidth": "320px",
+  "euiToastTypes": {
+    "primary": "#36a2ef",
+    "success": "#7dded8",
+    "warning": "#f3d371",
+    "danger": "#f86b63"
+  },
+  "euiTokenGrayColor": "#535966",
+  "euiTokenTypes": {
+    "euiColorVis0": {
+      "graphic": "#54b399",
+      "behindText": "#6dccb1"
+    },
+    "euiColorVis1": {
+      "graphic": "#6092c0",
+      "behindText": "#79aad9"
+    },
+    "euiColorVis2": {
+      "graphic": "#d36086",
+      "behindText": "#ee789d"
+    },
+    "euiColorVis3": {
+      "graphic": "#9170b8",
+      "behindText": "#a987d1"
+    },
+    "euiColorVis4": {
+      "graphic": "#ca8eae",
+      "behindText": "#e4a6c7"
+    },
+    "euiColorVis5": {
+      "graphic": "#d6bf57",
+      "behindText": "#f1d86f"
+    },
+    "euiColorVis6": {
+      "graphic": "#b9a888",
+      "behindText": "#d2c0a0"
+    },
+    "euiColorVis7": {
+      "graphic": "#da8b45",
+      "behindText": "#f5a35c"
+    },
+    "euiColorVis8": {
+      "graphic": "#aa6556",
+      "behindText": "#c47c6c"
+    },
+    "euiColorVis9": {
+      "graphic": "#e7664c",
+      "behindText": "#ff7e62"
+    },
+    "gray": {
+      "graphic": "#535966",
+      "behindText": "#535966"
+    }
+  },
+  "euiTokenTypeKeys": "'euiColorVis0', 'euiColorVis1', 'euiColorVis2', 'euiColorVis3', 'euiColorVis4', 'euiColorVis5', 'euiColorVis6', 'euiColorVis7', 'euiColorVis8', 'euiColorVis9', 'gray'",
+  "euiContrastRatioText": 4.5,
+  "euiContrastRatioGraphic": 3,
+  "euiContrastRatioDisabled": 2,
+  "euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)",
+  "euiAnimSlightResistance": "cubic-bezier(0.694, 0.0482, 0.335, 1)",
+  "euiAnimSpeedExtraFast": "90ms",
+  "euiAnimSpeedFast": "150ms",
+  "euiAnimSpeedNormal": "250ms",
+  "euiAnimSpeedSlow": "350ms",
+  "euiAnimSpeedExtraSlow": "500ms",
+  "euiBorderWidthThin": "1px",
+  "euiBorderWidthThick": "2px",
+  "euiBorderColor": "#343741",
+  "euiBorderRadius": "6px",
+  "euiBorderRadiusSmall": "4px",
+  "euiBorderThick": "2px solid #343741",
+  "euiBorderThin": "1px solid #343741",
+  "euiBorderEditable": "2px dotted #343741",
+  "euiButtonHeight": "40px",
+  "euiButtonHeightSmall": "32px",
+  "euiButtonHeightXSmall": "24px",
+  "euiButtonColorDisabled": "#515761",
+  "euiButtonColorDisabledText": "#515761",
+  "euiButtonColorGhostDisabled": "#343741",
+  "euiButtonTypes": {
+    "primary": "#36a2ef",
+    "accent": "#f68fbe",
+    "secondary": "#7dded8",
+    "success": "#7dded8",
+    "warning": "#f3d371",
+    "danger": "#f86b63",
+    "subdued": "#7a7f89",
+    "ghost": "#ffffff",
+    "text": "#98a2b3"
+  },
+  "euiColorGhost": "#ffffff",
+  "euiColorInk": "#000000",
+  "euiColorPrimary": "#1ba9f5",
+  "euiColorSecondary": "#7de2d1",
+  "euiColorAccent": "#f990c0",
+  "euiColorSuccess": "#7de2d1",
+  "euiColorWarning": "#ffce7a",
+  "euiColorDanger": "#ff6666",
+  "euiColorEmptyShade": "#1d1e24",
+  "euiColorLightestShade": "#25262e",
+  "euiColorLightShade": "#343741",
+  "euiColorMediumShade": "#535966",
+  "euiColorDarkShade": "#98a2b3",
+  "euiColorDarkestShade": "#d4dae5",
+  "euiColorFullShade": "#ffffff",
+  "euiPageBackgroundColor": "#141519",
+  "euiColorHighlight": "#2e2d25",
+  "euiTextColor": "#dfe5ef",
+  "euiTitleColor": "#dfe5ef",
+  "euiTextSubduedColor": "#7a7f89",
+  "euiColorDisabled": "#434548",
+  "euiColorPrimaryText": "#1ba9f5",
+  "euiColorSecondaryText": "#7de2d1",
+  "euiColorAccentText": "#f990c0",
+  "euiColorWarningText": "#ffce7a",
+  "euiColorDangerText": "#ff6666",
+  "euiColorDisabledText": "#4c4e51",
+  "euiColorSuccessText": "#7de2d1",
+  "euiLinkColor": "#1ba9f5",
+  "euiPaletteColorBlind": {
+    "euiColorVis0": {
+      "graphic": "#54b399",
+      "behindText": "#6dccb1"
+    },
+    "euiColorVis1": {
+      "graphic": "#6092c0",
+      "behindText": "#79aad9"
+    },
+    "euiColorVis2": {
+      "graphic": "#d36086",
+      "behindText": "#ee789d"
+    },
+    "euiColorVis3": {
+      "graphic": "#9170b8",
+      "behindText": "#a987d1"
+    },
+    "euiColorVis4": {
+      "graphic": "#ca8eae",
+      "behindText": "#e4a6c7"
+    },
+    "euiColorVis5": {
+      "graphic": "#d6bf57",
+      "behindText": "#f1d86f"
+    },
+    "euiColorVis6": {
+      "graphic": "#b9a888",
+      "behindText": "#d2c0a0"
+    },
+    "euiColorVis7": {
+      "graphic": "#da8b45",
+      "behindText": "#f5a35c"
+    },
+    "euiColorVis8": {
+      "graphic": "#aa6556",
+      "behindText": "#c47c6c"
+    },
+    "euiColorVis9": {
+      "graphic": "#e7664c",
+      "behindText": "#ff7e62"
+    }
+  },
+  "euiPaletteColorBlindKeys": "'euiColorVis0', 'euiColorVis1', 'euiColorVis2', 'euiColorVis3', 'euiColorVis4', 'euiColorVis5', 'euiColorVis6', 'euiColorVis7', 'euiColorVis8', 'euiColorVis9'",
+  "euiColorVis0": "#54b399",
+  "euiColorVis1": "#6092c0",
+  "euiColorVis2": "#d36086",
+  "euiColorVis3": "#9170b8",
+  "euiColorVis4": "#ca8eae",
+  "euiColorVis5": "#d6bf57",
+  "euiColorVis6": "#b9a888",
+  "euiColorVis7": "#da8b45",
+  "euiColorVis8": "#aa6556",
+  "euiColorVis9": "#e7664c",
+  "euiColorVis0_behindText": "#6dccb1",
+  "euiColorVis1_behindText": "#79aad9",
+  "euiColorVis2_behindText": "#ee789d",
+  "euiColorVis3_behindText": "#a987d1",
+  "euiColorVis4_behindText": "#e4a6c7",
+  "euiColorVis5_behindText": "#f1d86f",
+  "euiColorVis6_behindText": "#d2c0a0",
+  "euiColorVis7_behindText": "#f5a35c",
+  "euiColorVis8_behindText": "#c47c6c",
+  "euiColorVis9_behindText": "#ff7e62",
+  "euiColorChartLines": "#343741",
+  "euiColorChartBand": "#2a2b33",
+  "euiCodeBlockBackgroundColor": "#25262e",
+  "euiCodeBlockColor": "#dfe5ef",
+  "euiCodeBlockSelectedBackgroundColor": "inherit",
+  "euiCodeBlockCommentColor": "#8d919a",
+  "euiCodeBlockSelectorTagColor": "inherit",
+  "euiCodeBlockStringColor": "#d77092",
+  "euiCodeBlockTagColor": "#6092c0",
+  "euiCodeBlockNameColor": "#6092c0",
+  "euiCodeBlockNumberColor": "#54b399",
+  "euiCodeBlockKeywordColor": "#a184c2",
+  "euiCodeBlockFunctionTitleColor": "inherit",
+  "euiCodeBlockTypeColor": "#6092c0",
+  "euiCodeBlockAttributeColor": "inherit",
+  "euiCodeBlockSymbolColor": "#e7664c",
+  "euiCodeBlockParamsColor": "inherit",
+  "euiCodeBlockMetaColor": "#8d919a",
+  "euiCodeBlockTitleColor": "#da8b45",
+  "euiCodeBlockSectionColor": "#e7664c",
+  "euiCodeBlockAdditionColor": "#54b399",
+  "euiCodeBlockDeletionColor": "#f86b63",
+  "euiCodeBlockSelectorClassColor": "inherit",
+  "euiCodeBlockSelectorIdColor": "inherit",
+  "euiFormMaxWidth": "400px",
+  "euiFormControlHeight": "40px",
+  "euiFormControlCompressedHeight": "32px",
+  "euiFormControlPadding": "12px",
+  "euiFormControlCompressedPadding": "8px",
+  "euiFormControlBorderRadius": "6px",
+  "euiFormControlCompressedBorderRadius": "4px",
+  "euiRadioSize": "16px",
+  "euiCheckBoxSize": "16px",
+  "euiCheckboxBorderRadius": "4px",
+  "euiSwitchHeight": "20px",
+  "euiSwitchWidth": "44px",
+  "euiSwitchThumbSize": "20px",
+  "euiSwitchIconHeight": "16px",
+  "euiSwitchHeightCompressed": "16px",
+  "euiSwitchWidthCompressed": "28px",
+  "euiSwitchThumbSizeCompressed": "16px",
+  "euiSwitchHeightMini": "10px",
+  "euiSwitchWidthMini": "22px",
+  "euiSwitchThumbSizeMini": "10px",
+  "euiFormBackgroundColor": "#16171c",
+  "euiFormBackgroundDisabledColor": "#202128",
+  "euiFormBackgroundReadOnlyColor": "#1d1e24",
+  "euiFormBorderOpaqueColor": "#ffffff",
+  "euiFormBorderColor": "rgba(255, 255, 255, 0.09999999999999998)",
+  "euiFormBorderDisabledColor": "rgba(255, 255, 255, 0.09999999999999998)",
+  "euiFormCustomControlDisabledIconColor": "#a6aab0",
+  "euiFormCustomControlBorderColor": "#66676d",
+  "euiFormControlDisabledColor": "#535966",
+  "euiFormControlBoxShadow": "0 0 rgba(0, 0, 0, 0)",
+  "euiFormControlPlaceholderText": "#81858f",
+  "euiFormInputGroupLabelBackground": "#1f2127",
+  "euiFormInputGroupBorder": "none",
+  "euiSwitchOffColor": "rgba(83, 89, 102, 0.7)",
+  "euiFormControlLayoutGroupInputHeight": "38px",
+  "euiFormControlLayoutGroupInputCompressedHeight": "30px",
+  "euiFormControlLayoutGroupInputCompressedBorderRadius": "1px",
+  "euiRangeTrackColor": "#343741",
+  "euiRangeThumbRadius": "50%",
+  "euiRangeThumbHeight": "16px",
+  "euiRangeThumbWidth": "16px",
+  "euiRangeThumbBorderColor": "#1d1e24",
+  "euiRangeTrackWidth": "100%",
+  "euiRangeTrackHeight": "6px",
+  "euiRangeTrackBorderWidth": 0,
+  "euiRangeTrackBorderColor": "#98a2b3",
+  "euiRangeTrackRadius": "4px",
+  "euiRangeDisabledOpacity": 0.25,
+  "euiRangeHighlightHeight": "6px",
+  "euiHeaderBackgroundColor": "#1d1e24",
+  "euiHeaderDarkBackgroundColor": "#131317",
+  "euiHeaderBorderColor": "#131417",
+  "euiHeaderBreadcrumbColor": "#d4dae5",
+  "euiHeaderHeight": "48px",
+  "euiHeaderChildSize": "40px",
+  "euiHeaderHeightCompensation": "48px",
+  "euiPageDefaultMaxWidth": "1200px",
+  "euiPageSidebarMinWidth": "192px",
+  "euiPanelPaddingModifiers": {
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiPanelBorderRadiusModifiers": {
+    "borderRadiusNone": 0,
+    "borderRadiusMedium": "6px"
+  },
+  "euiPanelBackgroundColorModifiers": {
+    "transparent": "rgba(0, 0, 0, 0)",
+    "plain": "#1d1e24",
+    "subdued": "#141519",
+    "accent": "#4a2b39",
+    "primary": "#103148",
+    "success": "#264341",
+    "warning": "#493f22",
+    "danger": "#4a201e"
+  },
+  "euiBreakpoints": {
+    "xs": 0,
+    "s": "575px",
+    "m": "768px",
+    "l": "992px",
+    "xl": "1200px"
+  },
+  "euiBreakpointKeys": "'xs', 's', 'm', 'l', 'xl'",
+  "euiShadowColor": "#000000",
+  "euiShadowColorLarge": "#000000",
+  "euiSize": "16px",
+  "euiSizeXS": "4px",
+  "euiSizeS": "8px",
+  "euiSizeM": "12px",
+  "euiSizeL": "24px",
+  "euiSizeXL": "32px",
+  "euiSizeXXL": "40px",
+  "euiButtonMinWidth": "112px",
+  "euiScrollBar": "16px",
+  "euiScrollBarCorner": "4px",
+  "euiScrollBarCornerThin": "6px",
+  "euiFocusRingColor": "#36a2ef",
+  "euiFocusRingAnimStartColor": "rgba(54, 162, 239, 0)",
+  "euiFocusRingAnimStartSize": "2px",
+  "euiFocusRingAnimStartSizeLarge": "10px",
+  "euiFocusRingSizeLarge": "4px",
+  "euiFocusRingSize": "2px",
+  "euiFocusTransparency": 0.8,
+  "euiFocusTransparencyPercent": "80%",
+  "euiFocusBackgroundColor": "rgba(54, 162, 239, 0.19999999999999996)",
+  "euiTooltipBackgroundColor": "#000000",
+  "euiTooltipAnimations": {
+    "top": "euiToolTipTop",
+    "left": "euiToolTipBottom",
+    "bottom": "euiToolTipLeft",
+    "right": "euiToolTipRight"
+  },
+  "euiFontFamily": "'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+  "euiCodeFontFamily": "'Roboto Mono', 'Consolas', 'Menlo', 'Courier', monospace",
+  "euiFontFeatureSettings": "calt 1 kern 1 liga 1",
+  "euiTextScale": "2.125 1.6875 1.375 1.125 1 0.875 0.75",
+  "euiFontSize": "14px",
+  "euiFontSizeXS": "12px",
+  "euiFontSizeS": "14px",
+  "euiFontSizeM": "16px",
+  "euiFontSizeL": "22px",
+  "euiFontSizeXL": "27px",
+  "euiFontSizeXXL": "34px",
+  "euiLineHeight": 1.5,
+  "euiBodyLineHeight": 1.142857143,
+  "euiFontWeightLight": 300,
+  "euiFontWeightRegular": 400,
+  "euiFontWeightMedium": 500,
+  "euiFontWeightSemiBold": 600,
+  "euiFontWeightBold": 700,
+  "euiCodeFontWeightRegular": 400,
+  "euiCodeFontWeightBold": 700,
+  "euiTitles": {
+    "xxxs": {
+      "font-size": "12px",
+      "line-height": "1.14286rem",
+      "font-weight": 700
+    },
+    "xxs": {
+      "font-size": "14px",
+      "line-height": "1.71429rem",
+      "font-weight": 700
+    },
+    "xs": {
+      "font-size": "16px",
+      "line-height": "1.71429rem",
+      "font-weight": 700
+    },
+    "s": {
+      "font-size": "22px",
+      "line-height": "2.28571rem",
+      "font-weight": 700
+    },
+    "m": {
+      "font-size": "27px",
+      "line-height": "2.28571rem",
+      "font-weight": 700
+    },
+    "l": {
+      "font-size": "34px",
+      "line-height": "2.85714rem",
+      "font-weight": 700
+    }
+  },
+  "euiZLevel0": 0,
+  "euiZLevel1": 1000,
+  "euiZLevel2": 2000,
+  "euiZLevel3": 3000,
+  "euiZLevel4": 4000,
+  "euiZLevel5": 5000,
+  "euiZLevel6": 6000,
+  "euiZLevel7": 7000,
+  "euiZLevel8": 8000,
+  "euiZLevel9": 9000,
+  "euiZToastList": 9000,
+  "euiZModal": 8000,
+  "euiZMask": 6000,
+  "euiZNavigation": 6000,
+  "euiZContentMenu": 2000,
+  "euiZHeader": 1000,
+  "euiZFlyout": 1000,
+  "euiZMaskBelowHeader": 1000,
+  "euiZContent": 0,
+  "euiDatePickerCalendarWidth": "284px",
+  "euiDatePickerPadding": "8px",
+  "euiDatePickerGap": "4px",
+  "euiDatePickerCalendarColumns": 7,
+  "euiDatePickerButtonSize": "32px",
+  "euiDatePickerMinControlWidth": "100px",
+  "euiDatePickerMaxControlWidth": "140px",
+  "euiButtonDefaultTransparency": 0.8,
+  "euiButtonFontWeight": 500,
+  "euiRangeHighlightColor": "#98a2b3",
+  "euiRangeThumbBackgroundColor": "#98a2b3",
+  "euiRangeTrackCompressedHeight": "4px",
+  "euiRangeHighlightCompressedHeight": "4px",
+  "euiRangeHeight": "40px",
+  "euiRangeCompressedHeight": "32px",
+  "euiStepStatusColors": {
+    "default": "#36a2ef",
+    "complete": "#7dded8",
+    "warning": "#f3d371",
+    "danger": "#f86b63"
+  }
+}
\ No newline at end of file
diff --git a/src-docs/src/views/theme/_json/eui_theme_light.json b/src-docs/src/views/theme/_json/eui_theme_light.json
new file mode 100644
index 00000000000..cfad375dc3a
--- /dev/null
+++ b/src-docs/src/views/theme/_json/eui_theme_light.json
@@ -0,0 +1,787 @@
+{
+  "paddingSizes": {
+    "xs": "4px",
+    "s": "8px",
+    "m": "16px",
+    "l": "24px",
+    "xl": "32px"
+  },
+  "avatarSizing": {
+    "s": {
+      "size": "24px",
+      "font-size": "12px"
+    },
+    "m": {
+      "size": "32px",
+      "font-size": "14.4px"
+    },
+    "l": {
+      "size": "40px",
+      "font-size": "19.200000000000003px"
+    },
+    "xl": {
+      "size": "64px",
+      "font-size": "25.6px"
+    }
+  },
+  "euiBadgeGroupGutterTypes": {
+    "gutterExtraSmall": "4px",
+    "gutterSmall": "8px"
+  },
+  "euiBreadcrumbSpacing": "8px",
+  "euiBreadcrumbTruncateWidth": "160px",
+  "euiButtonEmptyTypes": {
+    "primary": "#0071c2",
+    "danger": "#bd271e",
+    "disabled": "#abb4c4",
+    "ghost": "#ffffff",
+    "text": "#343741",
+    "success": "#007e77",
+    "warning": "#8a6a0a"
+  },
+  "euiCallOutTypes": {
+    "primary": "#0077cc",
+    "success": "#00bfb3",
+    "warning": "#fec514",
+    "danger": "#bd271e"
+  },
+  "euiCardSpacing": "16px",
+  "euiCardBottomNodeHeight": "40px",
+  "euiCardSelectButtonBorders": {
+    "text": "#00bfb3",
+    "primary": "#0077cc",
+    "success": "#00bfb3",
+    "danger": "#bd271e",
+    "ghost": "#69707d"
+  },
+  "euiCardSelectButtonBackgrounds": {
+    "text": "#f5f7fa",
+    "primary": "#e6f1fa",
+    "success": "#e6f9f7",
+    "danger": "#f8e9e9",
+    "ghost": "#69707d"
+  },
+  "euiCardPaddingModifiers": {
+    "paddingNone": 0,
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiCheckableCardPadding": "16px",
+  "euiCodeBlockPaddingModifiers": {
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiCollapsibleNavGroupLightBackgroundColor": "#fafbfd",
+  "euiCollapsibleNavGroupDarkBackgroundColor": "#2a2c34",
+  "euiCollapsibleNavGroupDarkHighContrastColor": "#0d7ecf",
+  "euiColorPickerValueRange0": "#ffffff",
+  "euiColorPickerValueRange1": "rgba(255, 255, 255, 0)",
+  "euiColorPickerSaturationRange0": "#000000",
+  "euiColorPickerSaturationRange1": "rgba(0, 0, 0, 0)",
+  "euiColorPickerIndicatorSize": "12px",
+  "euiColorPickerWidth": "152px",
+  "euiColorPaletteDisplaySizes": {
+    "sizeExtraSmall": "4px",
+    "sizeSmall": "8px",
+    "sizeMedium": "16px"
+  },
+  "euiContextMenuWidth": "256px",
+  "euiControlBarBackground": "#343741",
+  "euiControlBarText": "#ffffff",
+  "euiControlBarBorderColor": "rgba(255, 255, 255, 0.19999999999999996)",
+  "euiControlBarInitialHeight": "40px",
+  "euiControlBarMaxHeight": "calc(100vh - 80px)",
+  "euiControlBarHeights": {
+    "s": "240px",
+    "m": "480px",
+    "l": "100vh"
+  },
+  "euiDataGridPrefix": ".euiDataGrid--",
+  "euiDataGridStyles": "'bordersAll', 'bordersNone', 'bordersHorizontal', 'paddingSmall', 'paddingMedium', 'paddingLarge', 'stripes', 'rowHoverNone', 'rowHoverHighlight', 'headerShade', 'headerUnderline', 'footerShade', 'footerOverline', 'fontSizeSmall', 'fontSizeLarge', 'noControls', 'stickyFooter'",
+  "euiDataGridColumnResizerWidth": "3px",
+  "euiDataGridPopoverMaxHeight": "400px",
+  "euiDataGridCellPaddingS": "4px",
+  "euiDataGridCellPaddingM": "6px",
+  "euiDataGridCellPaddingL": "8px",
+  "euiDataGridVerticalBorder": "solid 1px #edf0f5",
+  "euiSuperDatePickerWidth": "480px",
+  "euiSuperDatePickerButtonWidth": "118px",
+  "euiDragAndDropSpacing": {
+    "s": "2px",
+    "m": "4px",
+    "l": "8px"
+  },
+  "euiExpressionColors": {
+    "subdued": "#69707d",
+    "primary": "#0071c2",
+    "success": "#007e77",
+    "secondary": "#007e77",
+    "warning": "#8a6a0a",
+    "danger": "#bd271e",
+    "accent": "#c4407c"
+  },
+  "euiFacetGutterSizes": {
+    "gutterNone": 0,
+    "gutterSmall": "4px",
+    "gutterMedium": "8px",
+    "gutterLarge": "12px"
+  },
+  "gutterTypes": {
+    "gutterExtraSmall": "4px",
+    "gutterSmall": "8px",
+    "gutterMedium": "16px",
+    "gutterLarge": "24px",
+    "gutterExtraLarge": "40px"
+  },
+  "fractions": {
+    "fourths": {
+      "percentage": "25%",
+      "count": 4
+    },
+    "thirds": {
+      "percentage": "33.3%",
+      "count": 3
+    },
+    "halves": {
+      "percentage": "50%",
+      "count": 2
+    },
+    "single": {
+      "percentage": "100%",
+      "count": 1
+    }
+  },
+  "flyoutSizes": {
+    "small": {
+      "min": "384px",
+      "width": "25vw",
+      "max": "403px"
+    },
+    "medium": {
+      "min": "424px",
+      "width": "50vw",
+      "max": "768px"
+    },
+    "large": {
+      "min": "691px",
+      "width": "75vw",
+      "max": "992px"
+    }
+  },
+  "euiFlyoutBorder": "none",
+  "euiFlyoutPaddingModifiers": {
+    "paddingNone": 0,
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiFilePickerTallHeight": "128px",
+  "euiRangeLevelColors": {
+    "primary": "#0077cc",
+    "success": "#00bfb3",
+    "warning": "#fec514",
+    "danger": "#bd271e"
+  },
+  "textareaResizing": {
+    "vertical": "resizeVertical",
+    "horizontal": "resizeHorizontal",
+    "both": "resizeBoth",
+    "none": "resizeNone"
+  },
+  "euiHeaderLinksGutterSizes": {
+    "gutterXS": "4px",
+    "gutterS": "8px",
+    "gutterM": "12px",
+    "gutterL": "24px"
+  },
+  "ruleMargins": {
+    "marginXSmall": "8px",
+    "marginSmall": "12px",
+    "marginMedium": "16px",
+    "marginLarge": "24px",
+    "marginXLarge": "32px",
+    "marginXXLarge": "40px"
+  },
+  "euiIconLoadingOpacity": 0.05,
+  "euiIconColors": {
+    "accent": "#f04e98",
+    "danger": "#bd271e",
+    "ghost": "#ffffff",
+    "primary": "#0077cc",
+    "secondary": "#00a39a",
+    "success": "#00a39a",
+    "subdued": "#69707d",
+    "text": "#343741",
+    "warning": "#b28a0d",
+    "inherit": "inherit"
+  },
+  "euiIconSizes": {
+    "small": "12px",
+    "medium": "16px",
+    "large": "24px",
+    "xLarge": "32px",
+    "xxLarge": "40px"
+  },
+  "euiKeyPadMenuSize": "96px",
+  "euiKeyPadMenuMarginSize": "4px",
+  "euiLinkColors": {
+    "subdued": "#69707d",
+    "primary": "#0071c2",
+    "secondary": "#007e77",
+    "success": "#007e77",
+    "accent": "#c4407c",
+    "warning": "#8a6a0a",
+    "danger": "#bd271e",
+    "text": "#343741",
+    "ghost": "#ffffff"
+  },
+  "euiListGroupItemHoverBackground": "rgba(211, 218, 230, 0.25)",
+  "euiListGroupItemHoverBackgroundGhost": "rgba(255, 255, 255, 0.09999999999999998)",
+  "euiListGroupGutterTypes": {
+    "gutterSmall": "8px",
+    "gutterMedium": "16px"
+  },
+  "euiListGroupItemColorTypes": {
+    "primary": "#0071c2",
+    "text": "#343741",
+    "subdued": "#69707d",
+    "ghost": "#ffffff"
+  },
+  "euiListGroupItemSizeTypes": {
+    "xSmall": "12px",
+    "small": "14px",
+    "medium": "14px",
+    "large": "22px"
+  },
+  "euiGradientStartStop": "#f0f2f6",
+  "euiGradientMiddle": "#f6f8fa",
+  "euiMarkdownEditorMinHeight": "150px",
+  "euiPopoverArrowSize": "12px",
+  "euiPopoverTranslateDistance": "8px",
+  "euiProgressSizes": {
+    "xs": "2px",
+    "s": "4px",
+    "m": "8px",
+    "l": "16px"
+  },
+  "euiProgressColors": {
+    "primary": "#0077cc",
+    "secondary": "#00bfb3",
+    "success": "#00bfb3",
+    "warning": "#fec514",
+    "danger": "#bd271e",
+    "accent": "#f04e98",
+    "subdued": "#69707d",
+    "vis0": "#54b399",
+    "vis1": "#6092c0",
+    "vis2": "#d36086",
+    "vis3": "#9170b8",
+    "vis4": "#ca8eae",
+    "vis5": "#d6bf57",
+    "vis6": "#b9a888",
+    "vis7": "#da8b45",
+    "vis8": "#aa6556",
+    "vis9": "#e7664c",
+    "customColor": "currentColor"
+  },
+  "euiResizableButtonTransitionSpeed": "150ms",
+  "euiResizableButtonSize": "16px",
+  "euiSelectableListItemBorder": "1px solid #eef2f7",
+  "euiSelectableListItemPadding": "4px 12px",
+  "euiSelectableTemplateSitewideTypes": {
+    "application": {
+      "color": "#4e779c",
+      "font-weight": 500
+    },
+    "deployment": {
+      "color": "#3b7d6a",
+      "font-weight": 500
+    },
+    "article": {
+      "color": "#8365a6",
+      "font-weight": 500
+    },
+    "case": {
+      "color": "#bc533e",
+      "font-weight": 500
+    },
+    "platform": {
+      "color": "#807234",
+      "font-weight": 500
+    }
+  },
+  "euiSideNavEmphasizedBackgroundColor": "rgba(211, 218, 230, 0.30000000000000004)",
+  "euiSideNavRootTextcolor": "#1a1c21",
+  "euiSideNavBranchTextcolor": "#646a77",
+  "euiSideNavSelectedTextcolor": "#006bb8",
+  "euiSideNavDisabledTextcolor": "#a2abba",
+  "spacerSizes": {
+    "xs": "4px",
+    "s": "8px",
+    "m": "16px",
+    "l": "24px",
+    "xl": "32px",
+    "xxl": "40px"
+  },
+  "euiStepNumberSize": "32px",
+  "euiStepNumberSmallSize": "24px",
+  "euiStepNumberMargin": "16px",
+  "euiStepStatusColorsToFade": {
+    "warning": "#fec514",
+    "danger": "#bd271e",
+    "disabled": "#69707d",
+    "incomplete": "#69707d"
+  },
+  "euiSuggestItemColors": {
+    "tint0": "#54b399",
+    "tint1": "#6092c0",
+    "tint2": "#d36086",
+    "tint3": "#9170b8",
+    "tint4": "#ca8eae",
+    "tint5": "#d6bf57",
+    "tint6": "#b9a888",
+    "tint7": "#da8b45",
+    "tint8": "#aa6556",
+    "tint9": "#e7664c",
+    "tint10": "#69707d"
+  },
+  "euiTableCellContentPadding": "8px",
+  "euiTableCellContentPaddingCompressed": "4px",
+  "euiTableCellCheckboxWidth": "32px",
+  "euiTableActionsAreaWidth": "40px",
+  "euiTableHoverColor": "#fafbfd",
+  "euiTableSelectedColor": "rgba(227, 240, 249, 0.37)",
+  "euiTableHoverSelectedColor": "rgba(0, 119, 204, 0.09999999999999998)",
+  "euiTableActionsBorderColor": "rgba(152, 162, 179, 0.09999999999999998)",
+  "euiTableHoverClickableColor": "rgba(0, 119, 204, 0.050000000000000044)",
+  "euiTableFocusClickableColor": "rgba(0, 119, 204, 0.09999999999999998)",
+  "euiTabFontSize": "14px",
+  "euiTabFontSizeS": "14px",
+  "euiTabFontSizeL": "16px",
+  "euiTextColors": {
+    "default": "#343741",
+    "subdued": "#69707d",
+    "secondary": "#00bfb3",
+    "success": "#00bfb3",
+    "accent": "#f04e98",
+    "warning": "#fec514",
+    "danger": "#bd271e",
+    "ghost": "#ffffff",
+    "inherit": "inherit"
+  },
+  "euiTextConstrainedMaxWidth": "36em",
+  "euiToastWidth": "320px",
+  "euiToastTypes": {
+    "primary": "#0077cc",
+    "success": "#00bfb3",
+    "warning": "#fec514",
+    "danger": "#bd271e"
+  },
+  "euiTokenGrayColor": "#69707d",
+  "euiTokenTypes": {
+    "euiColorVis0": {
+      "graphic": "#54b399",
+      "behindText": "#6dccb1"
+    },
+    "euiColorVis1": {
+      "graphic": "#6092c0",
+      "behindText": "#79aad9"
+    },
+    "euiColorVis2": {
+      "graphic": "#d36086",
+      "behindText": "#ee789d"
+    },
+    "euiColorVis3": {
+      "graphic": "#9170b8",
+      "behindText": "#a987d1"
+    },
+    "euiColorVis4": {
+      "graphic": "#ca8eae",
+      "behindText": "#e4a6c7"
+    },
+    "euiColorVis5": {
+      "graphic": "#d6bf57",
+      "behindText": "#f1d86f"
+    },
+    "euiColorVis6": {
+      "graphic": "#b9a888",
+      "behindText": "#d2c0a0"
+    },
+    "euiColorVis7": {
+      "graphic": "#da8b45",
+      "behindText": "#f5a35c"
+    },
+    "euiColorVis8": {
+      "graphic": "#aa6556",
+      "behindText": "#c47c6c"
+    },
+    "euiColorVis9": {
+      "graphic": "#e7664c",
+      "behindText": "#ff7e62"
+    },
+    "gray": {
+      "graphic": "#69707d",
+      "behindText": "#69707d"
+    }
+  },
+  "euiTokenTypeKeys": "'euiColorVis0', 'euiColorVis1', 'euiColorVis2', 'euiColorVis3', 'euiColorVis4', 'euiColorVis5', 'euiColorVis6', 'euiColorVis7', 'euiColorVis8', 'euiColorVis9', 'gray'",
+  "euiContrastRatioText": 4.5,
+  "euiContrastRatioGraphic": 3,
+  "euiContrastRatioDisabled": 2,
+  "euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)",
+  "euiAnimSlightResistance": "cubic-bezier(0.694, 0.0482, 0.335, 1)",
+  "euiAnimSpeedExtraFast": "90ms",
+  "euiAnimSpeedFast": "150ms",
+  "euiAnimSpeedNormal": "250ms",
+  "euiAnimSpeedSlow": "350ms",
+  "euiAnimSpeedExtraSlow": "500ms",
+  "euiBorderWidthThin": "1px",
+  "euiBorderWidthThick": "2px",
+  "euiBorderColor": "#d3dae6",
+  "euiBorderRadius": "6px",
+  "euiBorderRadiusSmall": "4px",
+  "euiBorderThick": "2px solid #d3dae6",
+  "euiBorderThin": "1px solid #d3dae6",
+  "euiBorderEditable": "2px dotted #d3dae6",
+  "euiButtonHeight": "40px",
+  "euiButtonHeightSmall": "32px",
+  "euiButtonHeightXSmall": "24px",
+  "euiButtonColorDisabled": "#abb4c4",
+  "euiButtonColorDisabledText": "#abb4c4",
+  "euiButtonColorGhostDisabled": "#69707d",
+  "euiButtonTypes": {
+    "primary": "#0077cc",
+    "accent": "#f04e98",
+    "secondary": "#00bfb3",
+    "success": "#00bfb3",
+    "warning": "#fec514",
+    "danger": "#bd271e",
+    "subdued": "#69707d",
+    "ghost": "#ffffff",
+    "text": "#69707d"
+  },
+  "euiColorGhost": "#ffffff",
+  "euiColorInk": "#000000",
+  "euiColorPrimary": "#0077cc",
+  "euiColorSecondary": "#00bfb3",
+  "euiColorAccent": "#f04e98",
+  "euiColorSuccess": "#00bfb3",
+  "euiColorWarning": "#fec514",
+  "euiColorDanger": "#bd271e",
+  "euiColorEmptyShade": "#ffffff",
+  "euiColorLightestShade": "#f5f7fa",
+  "euiColorLightShade": "#d3dae6",
+  "euiColorMediumShade": "#98a2b3",
+  "euiColorDarkShade": "#69707d",
+  "euiColorDarkestShade": "#343741",
+  "euiColorFullShade": "#000000",
+  "euiPageBackgroundColor": "#fafbfd",
+  "euiColorHighlight": "#fff9e8",
+  "euiTextColor": "#343741",
+  "euiTitleColor": "#1a1c21",
+  "euiTextSubduedColor": "#69707d",
+  "euiColorDisabled": "#abb4c4",
+  "euiColorPrimaryText": "#0071c2",
+  "euiColorSecondaryText": "#007e77",
+  "euiColorAccentText": "#c4407c",
+  "euiColorWarningText": "#8a6a0a",
+  "euiColorDangerText": "#bd271e",
+  "euiColorDisabledText": "#abb4c4",
+  "euiColorSuccessText": "#007e77",
+  "euiLinkColor": "#0071c2",
+  "euiPaletteColorBlind": {
+    "euiColorVis0": {
+      "graphic": "#54b399",
+      "behindText": "#6dccb1"
+    },
+    "euiColorVis1": {
+      "graphic": "#6092c0",
+      "behindText": "#79aad9"
+    },
+    "euiColorVis2": {
+      "graphic": "#d36086",
+      "behindText": "#ee789d"
+    },
+    "euiColorVis3": {
+      "graphic": "#9170b8",
+      "behindText": "#a987d1"
+    },
+    "euiColorVis4": {
+      "graphic": "#ca8eae",
+      "behindText": "#e4a6c7"
+    },
+    "euiColorVis5": {
+      "graphic": "#d6bf57",
+      "behindText": "#f1d86f"
+    },
+    "euiColorVis6": {
+      "graphic": "#b9a888",
+      "behindText": "#d2c0a0"
+    },
+    "euiColorVis7": {
+      "graphic": "#da8b45",
+      "behindText": "#f5a35c"
+    },
+    "euiColorVis8": {
+      "graphic": "#aa6556",
+      "behindText": "#c47c6c"
+    },
+    "euiColorVis9": {
+      "graphic": "#e7664c",
+      "behindText": "#ff7e62"
+    }
+  },
+  "euiPaletteColorBlindKeys": "'euiColorVis0', 'euiColorVis1', 'euiColorVis2', 'euiColorVis3', 'euiColorVis4', 'euiColorVis5', 'euiColorVis6', 'euiColorVis7', 'euiColorVis8', 'euiColorVis9'",
+  "euiColorVis0": "#54b399",
+  "euiColorVis1": "#6092c0",
+  "euiColorVis2": "#d36086",
+  "euiColorVis3": "#9170b8",
+  "euiColorVis4": "#ca8eae",
+  "euiColorVis5": "#d6bf57",
+  "euiColorVis6": "#b9a888",
+  "euiColorVis7": "#da8b45",
+  "euiColorVis8": "#aa6556",
+  "euiColorVis9": "#e7664c",
+  "euiColorVis0_behindText": "#6dccb1",
+  "euiColorVis1_behindText": "#79aad9",
+  "euiColorVis2_behindText": "#ee789d",
+  "euiColorVis3_behindText": "#a987d1",
+  "euiColorVis4_behindText": "#e4a6c7",
+  "euiColorVis5_behindText": "#f1d86f",
+  "euiColorVis6_behindText": "#d2c0a0",
+  "euiColorVis7_behindText": "#f5a35c",
+  "euiColorVis8_behindText": "#c47c6c",
+  "euiColorVis9_behindText": "#ff7e62",
+  "euiColorChartLines": "#eef0f3",
+  "euiColorChartBand": "#f5f7fa",
+  "euiCodeBlockBackgroundColor": "#f5f7fa",
+  "euiCodeBlockColor": "#343741",
+  "euiCodeBlockSelectedBackgroundColor": "inherit",
+  "euiCodeBlockCommentColor": "#6a717d",
+  "euiCodeBlockSelectorTagColor": "inherit",
+  "euiCodeBlockStringColor": "#ac4e6d",
+  "euiCodeBlockTagColor": "#4a7194",
+  "euiCodeBlockNameColor": "#4a7194",
+  "euiCodeBlockNumberColor": "#3b7d6a",
+  "euiCodeBlockKeywordColor": "#7c609e",
+  "euiCodeBlockFunctionTitleColor": "inherit",
+  "euiCodeBlockTypeColor": "#4a7194",
+  "euiCodeBlockAttributeColor": "inherit",
+  "euiCodeBlockSymbolColor": "#b34f3b",
+  "euiCodeBlockParamsColor": "inherit",
+  "euiCodeBlockMetaColor": "#6a717d",
+  "euiCodeBlockTitleColor": "#996130",
+  "euiCodeBlockSectionColor": "#b34f3b",
+  "euiCodeBlockAdditionColor": "#3b7d6a",
+  "euiCodeBlockDeletionColor": "#bd271e",
+  "euiCodeBlockSelectorClassColor": "inherit",
+  "euiCodeBlockSelectorIdColor": "inherit",
+  "euiFormMaxWidth": "400px",
+  "euiFormControlHeight": "40px",
+  "euiFormControlCompressedHeight": "32px",
+  "euiFormControlPadding": "12px",
+  "euiFormControlCompressedPadding": "8px",
+  "euiFormControlBorderRadius": "6px",
+  "euiFormControlCompressedBorderRadius": "4px",
+  "euiRadioSize": "16px",
+  "euiCheckBoxSize": "16px",
+  "euiCheckboxBorderRadius": "4px",
+  "euiSwitchHeight": "20px",
+  "euiSwitchWidth": "44px",
+  "euiSwitchThumbSize": "20px",
+  "euiSwitchIconHeight": "16px",
+  "euiSwitchHeightCompressed": "16px",
+  "euiSwitchWidthCompressed": "28px",
+  "euiSwitchThumbSizeCompressed": "16px",
+  "euiSwitchHeightMini": "10px",
+  "euiSwitchWidthMini": "22px",
+  "euiSwitchThumbSizeMini": "10px",
+  "euiFormBackgroundColor": "#fbfcfd",
+  "euiFormBackgroundDisabledColor": "#eef2f7",
+  "euiFormBackgroundReadOnlyColor": "#ffffff",
+  "euiFormBorderOpaqueColor": "#112b86",
+  "euiFormBorderColor": "rgba(17, 43, 134, 0.09999999999999998)",
+  "euiFormBorderDisabledColor": "rgba(17, 43, 134, 0.09999999999999998)",
+  "euiFormCustomControlDisabledIconColor": "#5e646f",
+  "euiFormCustomControlBorderColor": "#c9cbcd",
+  "euiFormControlDisabledColor": "#98a2b3",
+  "euiFormControlBoxShadow": "0 0 rgba(0, 0, 0, 0)",
+  "euiFormControlPlaceholderText": "#69707d",
+  "euiFormInputGroupLabelBackground": "#e9edf3",
+  "euiFormInputGroupBorder": "none",
+  "euiSwitchOffColor": "rgba(152, 162, 179, 0.19999999999999996)",
+  "euiFormControlLayoutGroupInputHeight": "38px",
+  "euiFormControlLayoutGroupInputCompressedHeight": "30px",
+  "euiFormControlLayoutGroupInputCompressedBorderRadius": "1px",
+  "euiRangeTrackColor": "#d3dae6",
+  "euiRangeThumbRadius": "50%",
+  "euiRangeThumbHeight": "16px",
+  "euiRangeThumbWidth": "16px",
+  "euiRangeThumbBorderColor": "#ffffff",
+  "euiRangeTrackWidth": "100%",
+  "euiRangeTrackHeight": "6px",
+  "euiRangeTrackBorderWidth": 0,
+  "euiRangeTrackBorderColor": "#69707d",
+  "euiRangeTrackRadius": "4px",
+  "euiRangeDisabledOpacity": 0.25,
+  "euiRangeHighlightHeight": "6px",
+  "euiHeaderBackgroundColor": "#ffffff",
+  "euiHeaderDarkBackgroundColor": "#25282f",
+  "euiHeaderBorderColor": "#cdd3df",
+  "euiHeaderBreadcrumbColor": "#343741",
+  "euiHeaderHeight": "48px",
+  "euiHeaderChildSize": "40px",
+  "euiHeaderHeightCompensation": "48px",
+  "euiPageDefaultMaxWidth": "1200px",
+  "euiPageSidebarMinWidth": "192px",
+  "euiPanelPaddingModifiers": {
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiPanelBorderRadiusModifiers": {
+    "borderRadiusNone": 0,
+    "borderRadiusMedium": "6px"
+  },
+  "euiPanelBackgroundColorModifiers": {
+    "transparent": "rgba(0, 0, 0, 0)",
+    "plain": "#ffffff",
+    "subdued": "#fafbfd",
+    "accent": "#feedf5",
+    "primary": "#e6f1fa",
+    "success": "#e6f9f7",
+    "warning": "#fff9e8",
+    "danger": "#f8e9e9"
+  },
+  "euiBreakpoints": {
+    "xs": 0,
+    "s": "575px",
+    "m": "768px",
+    "l": "992px",
+    "xl": "1200px"
+  },
+  "euiBreakpointKeys": "'xs', 's', 'm', 'l', 'xl'",
+  "euiShadowColor": "#000000",
+  "euiShadowColorLarge": "#000000",
+  "euiSize": "16px",
+  "euiSizeXS": "4px",
+  "euiSizeS": "8px",
+  "euiSizeM": "12px",
+  "euiSizeL": "24px",
+  "euiSizeXL": "32px",
+  "euiSizeXXL": "40px",
+  "euiButtonMinWidth": "112px",
+  "euiScrollBar": "16px",
+  "euiScrollBarCorner": "4px",
+  "euiScrollBarCornerThin": "6px",
+  "euiFocusRingColor": "#0071c2",
+  "euiFocusRingAnimStartColor": "rgba(0, 119, 204, 0)",
+  "euiFocusRingAnimStartSize": "2px",
+  "euiFocusRingAnimStartSizeLarge": "10px",
+  "euiFocusRingSizeLarge": "4px",
+  "euiFocusRingSize": "2px",
+  "euiFocusTransparency": 0.9,
+  "euiFocusTransparencyPercent": "90%",
+  "euiFocusBackgroundColor": "rgba(0, 119, 204, 0.09999999999999998)",
+  "euiTooltipBackgroundColor": "#404040",
+  "euiTooltipAnimations": {
+    "top": "euiToolTipTop",
+    "left": "euiToolTipBottom",
+    "bottom": "euiToolTipLeft",
+    "right": "euiToolTipRight"
+  },
+  "euiFontFamily": "'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+  "euiCodeFontFamily": "'Roboto Mono', 'Consolas', 'Menlo', 'Courier', monospace",
+  "euiFontFeatureSettings": "calt 1 kern 1 liga 1",
+  "euiTextScale": "2.125 1.6875 1.375 1.125 1 0.875 0.75",
+  "euiFontSize": "14px",
+  "euiFontSizeXS": "12px",
+  "euiFontSizeS": "14px",
+  "euiFontSizeM": "16px",
+  "euiFontSizeL": "22px",
+  "euiFontSizeXL": "27px",
+  "euiFontSizeXXL": "34px",
+  "euiLineHeight": 1.5,
+  "euiBodyLineHeight": 1.142857143,
+  "euiFontWeightLight": 300,
+  "euiFontWeightRegular": 400,
+  "euiFontWeightMedium": 500,
+  "euiFontWeightSemiBold": 600,
+  "euiFontWeightBold": 700,
+  "euiCodeFontWeightRegular": 400,
+  "euiCodeFontWeightBold": 700,
+  "euiTitles": {
+    "xxxs": {
+      "font-size": "12px",
+      "line-height": "1.14286rem",
+      "font-weight": 700
+    },
+    "xxs": {
+      "font-size": "14px",
+      "line-height": "1.71429rem",
+      "font-weight": 700
+    },
+    "xs": {
+      "font-size": "16px",
+      "line-height": "1.71429rem",
+      "font-weight": 700
+    },
+    "s": {
+      "font-size": "22px",
+      "line-height": "2.28571rem",
+      "font-weight": 700
+    },
+    "m": {
+      "font-size": "27px",
+      "line-height": "2.28571rem",
+      "font-weight": 700
+    },
+    "l": {
+      "font-size": "34px",
+      "line-height": "2.85714rem",
+      "font-weight": 700
+    }
+  },
+  "euiZLevel0": 0,
+  "euiZLevel1": 1000,
+  "euiZLevel2": 2000,
+  "euiZLevel3": 3000,
+  "euiZLevel4": 4000,
+  "euiZLevel5": 5000,
+  "euiZLevel6": 6000,
+  "euiZLevel7": 7000,
+  "euiZLevel8": 8000,
+  "euiZLevel9": 9000,
+  "euiZToastList": 9000,
+  "euiZModal": 8000,
+  "euiZMask": 6000,
+  "euiZNavigation": 6000,
+  "euiZContentMenu": 2000,
+  "euiZHeader": 1000,
+  "euiZFlyout": 1000,
+  "euiZMaskBelowHeader": 1000,
+  "euiZContent": 0,
+  "euiDatePickerCalendarWidth": "284px",
+  "euiDatePickerPadding": "8px",
+  "euiDatePickerGap": "4px",
+  "euiDatePickerCalendarColumns": 7,
+  "euiDatePickerButtonSize": "32px",
+  "euiDatePickerMinControlWidth": "100px",
+  "euiDatePickerMaxControlWidth": "140px",
+  "euiButtonDefaultTransparency": 0.8,
+  "euiButtonFontWeight": 500,
+  "euiRangeHighlightColor": "#69707d",
+  "euiRangeThumbBackgroundColor": "#69707d",
+  "euiRangeTrackCompressedHeight": "4px",
+  "euiRangeHighlightCompressedHeight": "4px",
+  "euiRangeHeight": "40px",
+  "euiRangeCompressedHeight": "32px",
+  "euiStepStatusColors": {
+    "default": "#0077cc",
+    "complete": "#00bfb3",
+    "warning": "#fec514",
+    "danger": "#bd271e"
+  }
+}
\ No newline at end of file