made system changes

packages/ui/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@originmain/ui",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@fluentui/react-components": "^9.54.0",
+    "react": "^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "typescript": "^5.5.0"
+  }
+}

packages/ui/src/index.ts

@@ -0,0 +1 @@
+export { originmainLightTheme, originmainDarkTheme } from './themes/originmain-theme';

packages/ui/src/themes/originmain-theme.ts

@@ -0,0 +1,23 @@
+import { createLightTheme, createDarkTheme, type BrandVariants } from '@fluentui/react-components';
+
+const cobaltBrand: BrandVariants = {
+  10: '#020B1A',
+  20: '#041630',
+  30: '#062246',
+  40: '#083060',
+  50: '#0A3E7A',
+  60: '#0C4C94',
+  70: '#0F52BA',
+  80: '#2A6CD4',
+  90: '#4C86E0',
+  100: '#70A0E8',
+  110: '#94BAEF',
+  120: '#B4CEF5',
+  130: '#CEE0F9',
+  140: '#E4EEFB',
+  150: '#F0F6FD',
+  160: '#F8FAFF',
+};
+
+export const originmainLightTheme = createLightTheme(cobaltBrand);
+export const originmainDarkTheme = createDarkTheme(cobaltBrand);

packages/ui/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "noEmit": true
+  },
+  "include": ["src"],
+  "exclude": ["node_modules"]
+}