b12-mui-theme 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { customTheme, customThemeOptions } from "./theme";
+export type { ThemeOptions } from "@mui/material/styles";

package/dist/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.customThemeOptions = exports.customTheme = void 0;
+var theme_1 = require("./theme");
+Object.defineProperty(exports, "customTheme", { enumerable: true, get: function () { return theme_1.customTheme; } });
+Object.defineProperty(exports, "customThemeOptions", { enumerable: true, get: function () { return theme_1.customThemeOptions; } });

package/dist/theme.d.ts

@@ -0,0 +1,3 @@
+import { ThemeOptions } from "@mui/material";
+export declare const customThemeOptions: ThemeOptions;
+export declare const customTheme: import("@mui/material").Theme;

package/dist/theme.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.customTheme = exports.customThemeOptions = void 0;
+const material_1 = require("@mui/material");
+exports.customThemeOptions = {
+    palette: {
+        mode: "dark",
+        background: {
+            default: "#1a1b1e", // Deep dark background
+            paper: "#2c2e33", // Sidenav and Header surface
+        },
+        primary: {
+            main: "#4a90e2", // The Filter Blue
+        },
+        success: {
+            main: "#4caf50", // The View Mode Green
+        },
+        warning: {
+            main: "#e67e22", // The Language Orange
+        },
+        text: {
+            primary: "#ffffff",
+            secondary: "#a0a0a0",
+        },
+    },
+    shape: {
+        borderRadius: 8, // Rounded corners as seen in the design
+    },
+    components: {
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    textTransform: "uppercase",
+                    fontWeight: 700,
+                },
+            },
+        },
+        MuiPaper: {
+            styleOverrides: {
+                root: {
+                    backgroundImage: "none", // Removes the default MUI overlay in dark mode
+                    border: "1px solid rgba(255, 255, 255, 0.05)",
+                },
+            },
+        },
+        MuiCard: {
+            styleOverrides: {
+                root: {
+                    backgroundColor: "#373a40", // Slightly lighter for cards
+                },
+            },
+        },
+        MuiCheckbox: {
+            styleOverrides: {
+                root: {
+                    color: "#a0a0a0",
+                    "&.Mui-checked": {
+                        color: "#4a90e2",
+                    },
+                },
+            },
+        },
+    },
+};
+exports.customTheme = (0, material_1.createTheme)(exports.customThemeOptions);

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "b12-mui-theme",
+  "version": "1.0.0",
+  "description": "B12 styled MUI theme for internal apps",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "prepare": "npm run build"
+  },
+  "peerDependencies": {
+    "@mui/material": "^7.0.0",
+    "react": "^19.0.0"
+  },
+  "devDependencies": {
+    "@mui/material": "^7.0.0",
+    "@types/react": "^19.0.0",
+    "react": "^19.0.0",
+    "typescript": "^5.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitlab.vbash.pp.ua/b12-drones/mui-theme.git"
+  },
+  "author": "B12 Dev Team",
+  "publishConfig": {
+    "@b12-drones:registry": "https://gitlab.vbash.pp.ua/api/v4/projects/PROJECT_ID/packages/npm/"
+  }
+}