Document page now loads list of docs and displays selection

src/Explorer/Theme/ThemeUtil.ts

@@ -0,0 +1,25 @@
+import { BrandVariants, Theme, createLightTheme } from "@fluentui/react-components";
+
+// These are the theme colors for Fluent UI 9 React components
+const cosmosdb: BrandVariants = {
+  10: "#020305",
+  20: "#111723",
+  30: "#16263D",
+  40: "#193253",
+  50: "#1B3F6A",
+  60: "#1B4C82",
+  70: "#18599B",
+  80: "#1267B4",
+  90: "#3174C2",
+  100: "#4F82C8",
+  110: "#6790CF",
+  120: "#7D9ED5",
+  130: "#92ACDC",
+  140: "#A6BAE2",
+  150: "#BAC9E9",
+  160: "#CDD8EF",
+};
+
+export const dataExplorerLightTheme: Theme = {
+  ...createLightTheme(cosmosdb),
+};