diff --git a/package.json b/package.json
index 697f9e69ab..120d867c82 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "react-data-grid",
+  "name": "react-data-grid-pudov",
   "version": "7.0.0-beta.47",
   "license": "MIT",
   "description": "Feature-rich and customizable data grid React component",
@@ -49,7 +49,8 @@
     "prettier:format": "prettier --write .",
     "typecheck": "tsc --build",
     "prepublishOnly": "npm install && node --run build && node --run build:types",
-    "postpublish": "git push --follow-tags origin HEAD"
+    "postpublish": "git push --follow-tags origin HEAD",
+    "publish": "npm install && npm run build && npm publish --registry <URL вашего реестра>"
   },
   "dependencies": {
     "clsx": "^2.0.0"
diff --git a/src/HeaderCell.tsx b/src/HeaderCell.tsx
index 6fbf3c770a..63b2e2ec53 100644
--- a/src/HeaderCell.tsx
+++ b/src/HeaderCell.tsx
@@ -299,7 +299,8 @@ export default function HeaderCell<R, SR>({
         column,
         sortDirection,
         priority,
-        tabIndex: childTabIndex
+        tabIndex: childTabIndex,
+        onColumnResize: (newWidth: number | "max-content") => onColumnResize(column, newWidth),
       })}
 
       {resizable && (
diff --git a/src/style/core.ts b/src/style/core.ts
index 1d3040c5c1..3624e4445f 100644
--- a/src/style/core.ts
+++ b/src/style/core.ts
@@ -18,17 +18,17 @@ const lightTheme = `
 `;
 
 const darkTheme = `
-  --rdg-color: #ddd;
-  --rdg-border-color: #444;
-  --rdg-summary-border-color: #555;
-  --rdg-background-color: hsl(0deg 0% 13%);
-  --rdg-header-background-color: hsl(0deg 0% 10.5%);
-  --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);
-  --rdg-row-hover-background-color: hsl(0deg 0% 9%);
-  --rdg-row-selected-background-color: hsl(207deg 76% 42%);
-  --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);
-
-  --rdg-checkbox-focus-color: hsl(207deg 100% 89%);
+  --rdg-color: #000;
+  --rdg-border-color: #ddd;
+  --rdg-summary-border-color: #aaa;
+  --rdg-background-color: hsl(0deg 0% 100%);
+  --rdg-header-background-color: hsl(0deg 0% 97.5%);
+  --rdg-header-draggable-background-color: hsl(0deg 0% 90.5%);
+  --rdg-row-hover-background-color: hsl(0deg 0% 96%);
+  --rdg-row-selected-background-color: hsl(207deg 76% 92%);
+  --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%);
+
+  --rdg-checkbox-focus-color: hsl(207deg 100% 69%);
 `;
 
 const root = css`
diff --git a/src/types.ts b/src/types.ts
index ebd01a9671..b206b1ace7 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -145,6 +145,7 @@ export interface RenderHeaderCellProps<TRow, TSummaryRow = unknown> {
   sortDirection: SortDirection | undefined;
   priority: number | undefined;
   tabIndex: number;
+  onColumnResize: (newWidth: number | "max-content") => void
 }
 
 export interface CellRendererProps<TRow, TSummaryRow>