[Manual] Copied the outputs json version of Sass for easier consumpti…

…on in docs rather that sass-loader

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;
+};