@univerjs/sheets-ui 1.0.0-beta.0 → 1.0.0-beta.1

package/lib/es/locale/zh-TW.js

@@ -1,8 +1,6 @@
 //#region src/locale/zh-TW.ts
 const locale = { "sheets-ui": {
 	toolbar: {
-		undo: "復原",
-		redo: "重做",
 		formatPainter: "複製格式",
 		font: "字型",
 		fontSize: "字型大小",
@@ -11,44 +9,17 @@ const locale = { "sheets-ui": {
 		bold: "粗體",
 		italic: "斜體",
 		strikethrough: "刪除線",
-		subscript: "下標",
-		superscript: "上標",
 		underline: "底線",
-		textColor: {
-			main: "字型顏色",
-			right: "顏色選擇"
-		},
+		textColor: { main: "字型顏色" },
 		resetColor: "重置顏色",
-		fillColor: {
-			main: "填滿色彩",
-			right: "顏色選擇"
-		},
-		border: {
-			main: "邊框",
-			right: "邊框類型"
-		},
-		mergeCell: {
-			main: "合併儲存格",
-			right: "選擇合併類型"
-		},
-		horizontalAlignMode: {
-			main: "水平對齊",
-			right: "對齊方式"
-		},
-		verticalAlignMode: {
-			main: "垂直對齊",
-			right: "對齊方式"
-		},
-		textWrapMode: {
-			main: "自動換行",
-			right: "換行方式"
-		},
+		fillColor: { main: "填滿色彩" },
+		border: { main: "邊框" },
+		mergeCell: { main: "合併儲存格" },
+		horizontalAlignMode: { main: "水平對齊" },
+		verticalAlignMode: { main: "垂直對齊" },
+		textWrapMode: { main: "自動換行" },
 		shrinkToFit: "縮小字型填滿",
-		textRotateMode: {
-			main: "文字旋轉",
-			right: "旋轉方式"
-		},
-		more: "更多",
+		textRotateMode: { main: "文字旋轉" },
 		toggleGridlines: "切換網格線",
 		fullscreen: "全螢幕"
 	},
@@ -62,12 +33,7 @@ const locale = { "sheets-ui": {
 	},
 	button: {
 		confirm: "確定",
-		cancel: "取消",
-		close: "關閉",
-		insert: "插入",
-		prevPage: "上一頁",
-		nextPage: "下一頁",
-		total: "總共："
+		cancel: "取消"
 	},
 	borderLine: {
 		borderTop: "上框線",
@@ -84,18 +50,13 @@ const locale = { "sheets-ui": {
 		borderTlbcTlmr: "右下雙斜線",
 		borderTlbrTlbcTlmr: "右下三斜線",
 		borderBlTr: "右上斜線",
-		borderMltrBctr: "右上雙斜線",
-		borderColor: "邊框顏色",
-		borderSize: "邊框粗細",
-		borderType: "邊框線類型"
+		borderMltrBctr: "右上雙斜線"
 	},
 	merge: {
 		all: "全部合併",
 		vertical: "垂直合併",
 		horizontal: "水平合併",
 		cancel: "取消合併",
-		overlappingError: "不能合併重疊區域",
-		partiallyError: "無法對部分合併儲存格執行此操作",
 		confirm: {
 			warning: "警告",
 			dismantleMergeCellWarning: "此操作將取消合併儲存格，是否繼續？"
@@ -126,17 +87,6 @@ const locale = { "sheets-ui": {
 		changeColor: "更改顏色",
 		hide: "隱藏",
 		unhide: "取消隱藏",
-		moveLeft: "向左移動",
-		moveRight: "向右移動",
-		resetColor: "重置顏色",
-		cancelText: "取消",
-		chooseText: "確定顏色",
-		tipNameRepeat: "工作表名稱已存在，請輸入其他名稱。",
-		noMoreSheet: "活頁簿中至少需含有一張可見的工作表。若需刪除選定的工作表，請先插入一張新工作表或顯示隱藏的工作表。",
-		confirmDelete: "確認刪除",
-		redoDelete: "可以透過 Ctrl+Z 復原刪除",
-		noHide: "不能隱藏，至少保留一個工作表",
-		chartEditNoOpt: "圖表編輯模式下不允許該操作！ ",
 		sheetNameErrorTitle: "錯誤",
 		sheetNameSpecCharError: "名稱不能超過 31 個字元，首尾不能是' 且名稱不能包含: [ ] : \\ ? * /",
 		sheetNameCannotIsEmptyError: "名稱不能為空。 ",
@@ -174,16 +124,6 @@ const locale = { "sheets-ui": {
 		insertColsLeftSuffix: "欄",
 		insertColsRightSuffix: "欄",
 		delete: "刪除",
-		deleteCell: "刪除儲存格",
-		insertCell: "插入儲存格",
-		deleteSelected: "刪除選取",
-		hide: "隱藏",
-		hideSelected: "隱藏",
-		showHide: "取消隱藏",
-		toTopAdd: "向上增加",
-		toBottomAdd: "向下增加",
-		toLeftAdd: "向左增加",
-		toRightAdd: "向右增加",
 		deleteSelectedRow: "刪除選取列",
 		deleteSelectedColumn: "刪除選取欄",
 		hideSelectedRow: "隱藏選取列",
@@ -196,21 +136,10 @@ const locale = { "sheets-ui": {
 		moveUp: "上移",
 		moveRight: "右移",
 		moveDown: "下移",
-		add: "增加",
-		row: "列",
-		column: "欄",
-		confirm: "確認",
 		clearSelection: "清除",
 		clearContent: "清除內容",
 		clearFormat: "清除格式",
 		clearAll: "清除全部",
-		root: "次方根",
-		log: "log",
-		delete0: "刪除兩端0值",
-		removeDuplicate: "移除重複項",
-		byRow: "按列",
-		byCol: "按欄",
-		generateNewMatrix: "產生新矩陣",
 		fitContent: "適合數據",
 		freeze: "凍結窗格",
 		freezeCell: "凍結至目前儲存格（第 {0} 列 {1} 欄）",
@@ -231,27 +160,10 @@ const locale = { "sheets-ui": {
 		textToNumber: "文字轉數字"
 	},
 	info: {
-		notChangeMerge: "不能對合併儲存格做部分更改",
-		detailUpdate: "新開啟",
-		detailSave: "已恢復本機快取",
-		loading: "渲染中···",
-		copy: "副本",
-		return: "返回",
-		rename: "重新命名",
-		tips: "重新命名",
-		noName: "未命名的試算表",
-		wait: "待更新",
-		add: "新增",
-		addLast: "在底部加上",
-		backTop: "回到頂部",
-		nextPage: "下一頁",
-		tipInputNumber: "請輸入數字",
-		tipInputNumberLimit: "增加範圍限制在1-100",
-		tipRowHeightLimit: "列高必須在 0 ~ 545 之間",
-		tipColumnWidthLimit: "欄寬必須在 0 ~ 2038 之間",
 		problem: "出現了一個問題",
 		error: "錯誤",
-		forceStringInfo: "以文字形式儲存的數字"
+		forceStringInfo: "以文字形式儲存的數字",
+		convertToNumber: "轉換為數字"
 	},
 	clipboard: {
 		paste: {
@@ -269,9 +181,7 @@ const locale = { "sheets-ui": {
 		min: "最小值",
 		max: "最大值",
 		count: "數值計數",
-		countA: "計數",
-		clickToCopy: "點選複製數值",
-		copied: "已複製"
+		countA: "計數"
 	},
 	shortcut: {
 		"sheet-view": "工作表檢視",
@@ -323,15 +233,12 @@ const locale = { "sheets-ui": {
 		scopeWorkbook: "活頁簿",
 		inputNamePlaceholder: "請輸入名稱（必填）",
 		inputCommentPlaceholder: "請輸入備註",
-		inputRangePlaceholder: "請輸入範圍（必填）",
-		inputFormulaPlaceholder: "請輸入公式（必填）",
 		formulaOrRefStringInvalid: "公式或引用字串無效",
 		defaultName: "定義名稱",
 		updateButton: "修改",
 		deleteButton: "刪除",
 		deleteConfirmText: "確定刪除定義名稱？ "
 	},
-	uploadLoading: { loading: "正在上傳，目前剩餘" },
 	"data-validation": {
 		alert: { ok: "確定" },
 		list: {
@@ -344,7 +251,6 @@ const locale = { "sheets-ui": {
 		toolbarMenu: "保護",
 		panel: {
 			title: "保護範圍",
-			name: "名稱",
 			protectedRange: "保護區域",
 			permissionDirection: "權限描述",
 			permissionDirectionPlaceholder: "請輸入權限描述",
@@ -357,25 +263,16 @@ const locale = { "sheets-ui": {
 			designedPerson: "指定人員",
 			addPerson: "新增人員",
 			canEdit: "可編輯",
-			canView: "可查看",
 			delete: "刪除",
 			currentSheet: "目前工作表",
 			allSheet: "所有工作表",
 			edit: "編輯",
-			Print: "列印",
-			Comment: "註解",
 			Copy: "複製",
 			SetCellStyle: "設定儲存格樣式",
 			SetCellValue: "設定儲存格值",
-			SetHyperLink: "設定超連結",
 			Sort: "排序",
 			Filter: "篩選",
 			PivotTable: "樞紐分析表",
-			FloatImage: "浮動圖片",
-			RowHeightColWidth: "列高欄寬",
-			RowHeightColWidthReadonly: "只讀列高欄寬",
-			FilterReadonly: "唯讀篩選",
-			nameError: "名稱不能為空",
 			created: "創建",
 			iCanEdit: "我可以編輯",
 			iCanNotEdit: "我不會編輯",
@@ -395,11 +292,7 @@ const locale = { "sheets-ui": {
 		},
 		dialog: {
 			emptyList: "使用者清單為空",
-			allowUserToEdit: "允許使用者編輯",
 			allowedPermissionType: "允許權限類型",
-			setCellValue: "設定儲存格值",
-			setCellStyle: "設定儲存格樣式",
-			copy: "複製",
 			alert: "提示",
 			search: "搜尋",
 			ownerInherit: "文檔所有者，已開啟權限繼承",
@@ -413,19 +306,7 @@ const locale = { "sheets-ui": {
 			setStyleErr: "該範圍已被保護，目前無設定樣式權限。如需設定樣式，請聯絡建立者。 ",
 			copyErr: "該範圍已被保護，目前無複製權限。如需複製，請聯絡創建者。 ",
 			workbookCopyErr: "該活頁簿已被保護，目前無複製權限。如需複製，請聯絡創建者。 ",
-			setRowColStyleErr: "該範圍已被保護，目前無設定欄列樣式權限。如需設定欄列樣式，請聯絡建立者。 ",
-			moveRowColErr: "該範圍已被保護，目前無移動欄列權限。如需行動欄列，請聯絡創作者。 ",
-			moveRangeErr: "該範圍已被保護，目前無移動選取範圍權限。如需移動選區，請聯絡創作者。 ",
-			insertRowColErr: "該範圍已被保護，目前無插入欄列權限。如需插入欄列，請聯絡創作者。 ",
-			removeRowColErr: "該範圍已被保護，目前無刪除欄列權限。如需刪除欄列，請聯絡創作者。 ",
-			autoFillErr: "範圍已被保護，目前無自動填入權限。如需自動填充，請聯絡建立者。 ",
-			filterErr: "該範圍已被保護，目前無篩選權限。如需篩選，請聯絡創作者。 ",
-			operatorSheetErr: "該工作表已被保護，目前無操作工作表權限。如需操作工作表，請聯絡創建者。 ",
-			insertOrDeleteMoveRangeErr: "插入、刪除區域與保護範圍相交，暫不支援此操作。 ",
-			printErr: "該工作表已被保護，目前無列印權限。如需列印，請聯絡創作者。 ",
-			formulaErr: "該範圍或引用範圍已被保護，目前無編輯權限。如需編輯，請聯絡創建者。 ",
-			hyperLinkErr: "範圍已被保護，目前無設定超連結權限。如需設定超鏈接，請聯絡建立者。 ",
-			commentErr: "該範圍已被保護，目前無評論權限。如需評論，請聯絡創建者。 "
+			setRowColStyleErr: "該範圍已被保護，目前無設定欄列樣式權限。如需設定欄列樣式，請聯絡建立者。 "
 		},
 		button: {
 			confirm: "確認",

package/lib/facade.js

@@ -5,7 +5,7 @@ import { DeviceInputEventType, IRenderManagerService, SHEET_VIEWPORT_KEY } from
 import { COMMAND_LISTENER_SKELETON_CHANGE, INTERCEPTOR_POINT, SetWorksheetRowIsAutoHeightCommand, SheetInterceptorService, SheetsSelectionsService, getSkeletonChangedEffectedRange } from "@univerjs/sheets";
 import { CellAlertManagerService, DragManagerService, HoverManagerService, IEditorBridgeService, IMarkSelectionService, ISheetCellDropdownManagerService, ISheetClipboardService, ISheetSelectionRenderService, SHEET_VIEW_KEY, SetCellEditVisibleOperation, SetColumnHeaderHeightCommand, SetRowHeaderWidthCommand, SetWorksheetColAutoWidthCommand, SetZoomRatioCommand, SheetCanvasPopManagerService, SheetPasteShortKeyCommand, SheetPermissionRenderManagerService, SheetScrollManagerService, SheetSkeletonManagerService, SheetsScrollRenderController } from "@univerjs/sheets-ui";
 import { ComponentManager, CopyCommand, CutCommand, HTML_CLIPBOARD_MIME_TYPE, IClipboardInterfaceService, KeyCode, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, supportClipboardAPI } from "@univerjs/ui";
-import { combineLatest, filter } from "rxjs";
+import { combineLatest, filter, of, take } from "rxjs";
 import { FRange, FWorkbook, FWorksheet } from "@univerjs/sheets/facade";
 
 //#region src/facade/f-univer.ts
@@ -149,13 +149,11 @@ var FUniverSheetsUIMixin = class extends FUniver {
 	_initObserverListener(injector) {
 		const renderManagerService = injector.get(IRenderManagerService);
 		const lifeCycleService = injector.get(LifecycleService);
+		const univerInstanceService = injector.get(IUniverInstanceService);
 		const lifecycle$Disposable = new DisposableCollection();
-		this.disposeWithMe(lifeCycleService.lifecycle$.subscribe((lifecycle) => {
-			if (lifecycle !== LifecycleStages.Rendered) return;
+		const registerPointerEventListeners = () => {
 			const hoverManagerService = injector.get(HoverManagerService);
 			const dragManagerService = injector.get(DragManagerService);
-			if (!hoverManagerService) return;
-			lifecycle$Disposable.dispose();
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.CellClicked, () => {
 				var _hoverManagerService$;
 				return (_hoverManagerService$ = hoverManagerService.currentClickedCell$) === null || _hoverManagerService$ === void 0 ? void 0 : _hoverManagerService$.pipe(filter((cell) => !!cell)).subscribe((cell) => {
@@ -436,7 +434,9 @@ var FUniverSheetsUIMixin = class extends FUniver {
 				});
 			}));
 			this.disposeWithMe(lifecycle$Disposable);
-		}));
+		};
+		const sheetAvailable$ = univerInstanceService.getAllUnitsForType(UniverInstanceType.UNIVER_SHEET).length > 0 ? of(true) : univerInstanceService.getTypeOfUnitAdded$(UniverInstanceType.UNIVER_SHEET).pipe(take(1));
+		this.disposeWithMe(combineLatest([sheetAvailable$, lifeCycleService.lifecycle$]).pipe(filter(([, lifecycle]) => lifecycle >= LifecycleStages.Rendered), take(1)).subscribe(() => registerPointerEventListeners()));
 		let sheetRenderUnit;
 		const combined$ = combineLatest([renderManagerService.created$, lifeCycleService.lifecycle$]);
 		const combined$Disposable = new DisposableCollection();

package/lib/index.css

@@ -30,10 +30,6 @@
   top: -.125rem;
 }
 
-.univer-bottom-0 {
-  bottom: 0;
-}
-
 .univer-left-0 {
   left: 0;
 }
@@ -42,10 +38,6 @@
   left: .25rem;
 }
 
-.univer-left-1\/2 {
-  left: 50%;
-}
-
 .univer-left-3 {
   left: .75rem;
 }
@@ -158,6 +150,10 @@
   margin-right: 1.25rem;
 }
 
+.univer-mr-px {
+  margin-right: 1px;
+}
+
 .univer-mt-1 {
   margin-top: .25rem;
 }
@@ -335,6 +331,10 @@
   width: 6rem;
 }
 
+.univer-w-3 {
+  width: .75rem;
+}
+
 .univer-w-5 {
   width: 1.25rem;
 }
@@ -371,6 +371,10 @@
   width: 100%;
 }
 
+.univer-w-max {
+  width: max-content;
+}
+
 .univer-min-w-0 {
   min-width: 0;
 }
@@ -379,10 +383,6 @@
   min-width: 18rem;
 }
 
-.univer-max-w-32 {
-  max-width: 8rem;
-}
-
 .univer-max-w-36 {
   max-width: 9rem;
 }
@@ -403,8 +403,12 @@
   max-width: calc(100% - 112px);
 }
 
-.univer-max-w-fit {
-  max-width: fit-content;
+.univer-max-w-\[calc\(100vw-16px\)\] {
+  max-width: calc(100vw - 16px);
+}
+
+.univer-max-w-full {
+  max-width: 100%;
 }
 
 .univer-max-w-lg {
@@ -431,12 +435,6 @@
   flex-basis: 0;
 }
 
-.-univer-translate-x-1\/2 {
-  --univer-tw-translate-x: -50%;
-  transform: translate(-50%, var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
-  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
-}
-
 .-univer-translate-y-1\/2 {
   --univer-tw-translate-y: -50%;
   transform: translate(var(--univer-tw-translate-x), -50%) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
@@ -449,16 +447,6 @@
   transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
 }
 
-@keyframes univer-pulse {
-  50% {
-    opacity: .5;
-  }
-}
-
-.univer-animate-pulse {
-  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite univer-pulse;
-}
-
 @keyframes univer-spin {
   to {
     transform: rotate(360deg);
@@ -537,6 +525,10 @@
   justify-content: space-between;
 }
 
+.univer-gap-0\.5 {
+  gap: .125rem;
+}
+
 .univer-gap-1 {
   gap: .25rem;
 }
@@ -549,9 +541,9 @@
   gap: 1.75rem;
 }
 
-.univer-gap-x-2 {
-  -moz-column-gap: .5rem;
-  column-gap: .5rem;
+.univer-gap-x-1\.5 {
+  -moz-column-gap: .375rem;
+  column-gap: .375rem;
 }
 
 .univer-space-y-2 > :not([hidden]) ~ :not([hidden]) {
@@ -651,6 +643,10 @@
   border-top-right-radius: .25rem;
 }
 
+.univer-border {
+  border-width: 1px;
+}
+
 .univer-border-2 {
   border-width: 2px;
 }
@@ -663,10 +659,6 @@
   border-bottom-width: 1px;
 }
 
-.univer-border-r {
-  border-right-width: 1px;
-}
-
 .univer-border-solid {
   border-style: solid;
 }
@@ -723,6 +715,10 @@
   background-color: var(--univer-blue-600);
 }
 
+.univer-bg-gray-0 {
+  background-color: var(--univer-gray-0);
+}
+
 .univer-bg-gray-100 {
   background-color: var(--univer-gray-100);
 }
@@ -731,18 +727,10 @@
   background-color: var(--univer-gray-200);
 }
 
-.univer-bg-gray-50 {
-  background-color: var(--univer-gray-50);
-}
-
 .univer-bg-transparent {
   background-color: #0000;
 }
 
-.univer-bg-white {
-  background-color: var(--univer-white);
-}
-
 .univer-bg-gradient-to-b {
   background-image: linear-gradient(to bottom, var(--univer-tw-gradient-stops));
 }
@@ -872,8 +860,8 @@
   padding-top: .5rem;
 }
 
-.univer-text-center {
-  text-align: center;
+.univer-text-left {
+  text-align: left;
 }
 
 .univer-text-base {
@@ -919,12 +907,12 @@
   color: var(--univer-blue-400) !important;
 }
 
-.\!univer-text-gray-700 {
-  color: var(--univer-gray-700) !important;
+.\!univer-text-gray-0 {
+  color: var(--univer-gray-0) !important;
 }
 
-.\!univer-text-white {
-  color: var(--univer-white) !important;
+.\!univer-text-gray-700 {
+  color: var(--univer-gray-700) !important;
 }
 
 .univer-text-blue-500 {
@@ -935,6 +923,10 @@
   color: var(--univer-blue-600);
 }
 
+.univer-text-gray-0 {
+  color: var(--univer-gray-0);
+}
+
 .univer-text-gray-200 {
   color: var(--univer-gray-200);
 }
@@ -992,15 +984,6 @@
   color: rgba(225, 29, 72, var(--univer-tw-text-opacity, 1));
 }
 
-.univer-text-violet-500 {
-  --univer-tw-text-opacity: 1;
-  color: rgba(139, 92, 246, var(--univer-tw-text-opacity, 1));
-}
-
-.univer-text-white {
-  color: var(--univer-white);
-}
-
 .univer-text-yellow-500 {
   color: var(--univer-yellow-500);
 }
@@ -1166,26 +1149,10 @@
   background-color: var(--univer-gray-100);
 }
 
-.rtl\:univer-left-0:where([dir="rtl"], [dir="rtl"] *) {
-  left: 0;
-}
-
-.rtl\:univer-right-auto:where([dir="rtl"], [dir="rtl"] *) {
-  right: auto;
-}
-
 .rtl\:univer-flex-row-reverse:where([dir="rtl"], [dir="rtl"] *) {
   flex-direction: row-reverse;
 }
 
-.rtl\:univer-pl-5:where([dir="rtl"], [dir="rtl"] *) {
-  padding-left: 1.25rem;
-}
-
-.rtl\:univer-pr-1\.5:where([dir="rtl"], [dir="rtl"] *) {
-  padding-right: .375rem;
-}
-
 .rtl\:univer-text-right:where([dir="rtl"], [dir="rtl"] *) {
   text-align: right;
 }
@@ -1200,7 +1167,7 @@
   right: auto;
 }
 
-.dark\:\!univer-divide-gray-600:where(.univer-dark, .univer-dark *) > :not([hidden]) ~ :not([hidden]) {
+.dark\:\!univer-divide-gray-600:where(.univer-dark, .univer-dark *) > :not([hidden]) ~ :not([hidden]), .dark\:\!univer-border-gray-600:where(.univer-dark, .univer-dark *) {
   border-color: var(--univer-gray-600) !important;
 }
 
@@ -1212,14 +1179,14 @@
   border-right-color: var(--univer-gray-700) !important;
 }
 
-.dark\:\!univer-bg-black:where(.univer-dark, .univer-dark *) {
-  background-color: var(--univer-black) !important;
-}
-
 .dark\:\!univer-bg-blue-400:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-blue-400) !important;
 }
 
+.dark\:\!univer-bg-gray-1000:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-1000) !important;
+}
+
 .dark\:\!univer-bg-gray-600:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-600) !important;
 }
@@ -1250,14 +1217,18 @@
   --univer-tw-gradient-to: var(--univer-gray-900) var(--univer-tw-gradient-to-position) !important;
 }
 
-.dark\:\!univer-fill-white:where(.univer-dark, .univer-dark *) {
-  fill: var(--univer-white) !important;
+.dark\:\!univer-fill-gray-0:where(.univer-dark, .univer-dark *) {
+  fill: var(--univer-gray-0) !important;
 }
 
 .dark\:\!univer-text-blue-400:where(.univer-dark, .univer-dark *) {
   color: var(--univer-blue-400) !important;
 }
 
+.dark\:\!univer-text-gray-0:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-0) !important;
+}
+
 .dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
   color: var(--univer-gray-200) !important;
 }
@@ -1278,10 +1249,6 @@
   color: var(--univer-red-400) !important;
 }
 
-.dark\:\!univer-text-white:where(.univer-dark, .univer-dark *) {
-  color: var(--univer-white) !important;
-}
-
 .dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-600) !important;
 }