@seafile/sdoc-editor 3.0.56 → 3.0.58

package/dist/assets/css/default.css

@@ -1,8 +1,4 @@
 /* modify default css */
-.element-icon {
-  color: #444 !important;
-}
-
 .sdoc-icon-btn {
   height: 24px;
   width: 24px;
@@ -18,14 +14,10 @@
 }
 
 .sdoc-icon-btn .sdocfont {
-  color: #999;
+  color: #666;
   font-size: 16px;
 }
 
-.sdoc-icon-btn:hover .sdocfont {
-  color: #5a5a5a;
-}
-
 .linked-block-highlight-overlay {
   position: relative;
 }

package/dist/assets/css/dropdown-menu.css

@@ -21,7 +21,7 @@
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-menu-item-title {
-  color: #666666;
+  color: #666;
   padding: 3px 12px;
 }
 
@@ -50,7 +50,7 @@
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-menu-item:hover {
-  background-color: rgb(245, 245, 245);
+  background-color: #EFEFEF;
   cursor: pointer;
 }
 
@@ -76,8 +76,9 @@
   margin-right: 10px;
 }
 
-.sdoc-dropdown-menu .sdoc-dropdown-item-right-icon {
-  color: #999;
+.sdoc-dropdown-menu .sdoc-arrow-right {
+  color: #666;
+  font-size: 12px !important;
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-item-with-left-icon {
@@ -86,8 +87,7 @@
 }
 
 .sdoc-dropdown-menu .sdoc-check-mark {
-  color: #798d99;
-  transform: scale(1);
+  color: #666;
 }
 
 /* sub menu */

package/dist/comment/components/comment-context-menu/index.css

@@ -1,6 +1,6 @@
 .menu-group-item.sdoc-comment-menu-container {
   width: auto;
-  color: #212529;
+  color: #666;
   font-size: 14px;
 }
 

package/dist/comment/components/comment-list.css

@@ -128,7 +128,7 @@
 /* footer */
 .comment-item .comment-footer {
   display: flex;
-  color: #666666;
+  color: #666;
   font-size: 14px;
   margin-left: 35px;
   margin-top: 16px;
@@ -181,7 +181,7 @@
 }
 
 .sdoc-comment-list-container .comment-header .comment-author__info .time {
-  color: #666666;
+  color: #666;
   font-size: 12px;
   line-height: 16px;
   display: inline-flex;
@@ -221,7 +221,7 @@
   align-items: center;
   justify-content: center;
   background-color: #fff;
-  color: #666666;
+  color: #666;
   overflow: hidden;
   border-radius: 2px;
 }

package/dist/comment/components/comment-participants-editor/index.css

@@ -128,5 +128,5 @@
 
 .sdoc-comments-participants-popover .sdoc-searched-collaborator .sdoc-searched-collaborator-operation .sdocfont {
   font-size: 14px;
-  color: #798d99;
+  color: #666;
 }

package/dist/comment/components/elements-comment-count/index.css

@@ -10,7 +10,7 @@
 }
 
 .sdoc-comment-container .comment-container-right .element-comments-count:hover {
-  color: #333;
+  color: #666;
   cursor: pointer;
 }
 

package/dist/comment/components/global-comment/index.css

@@ -285,7 +285,7 @@
 .sdoc-comment-drawer .sdoc-comment-list-container .comment-item-selected-text-container {
   width: 100%;
   height: auto;
-  color: #666666;
+  color: #666;
   display: flex;
   align-items: center;
   padding: 0px 0px 16px 0px;

package/dist/comment/components/style.css

@@ -29,7 +29,7 @@
 }
 
 .sdoc-comment-container .comment-container-right .comment-add-wrapper .sdocfont:hover {
-  color: #333;
+  color: #666;
   cursor: pointer;
 }
 

package/dist/components/tooltip/index.css

@@ -8,22 +8,22 @@
   background-color: #303133;
 }
 
-.sdoc-tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
+.sdoc-tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .arrow::before {
   border-bottom-color: #303133;
 }
 
-.sdoc-tooltip.bs-tooltip-auto[x-placement^="top"] {
+.sdoc-tooltip.bs-tooltip-auto[data-popper-placement^="top"] {
   margin-bottom: -2px;
 }
 
-.sdoc-tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
+.sdoc-tooltip.bs-tooltip-auto[data-popper-placement^="top"] .arrow::before {
   border-top-color: #303133;
 }
 
-.sdoc-tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
+.sdoc-tooltip.bs-tooltip-auto[data-popper-placement^="right"] .arrow::before {
   border-right-color: #303133;
 }
 
-.sdoc-tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
+.sdoc-tooltip.bs-tooltip-auto[data-popper-placement^="left"] .arrow::before {
   border-left-color: #303133;
 }

package/dist/extension/commons/color-menu/index.css

@@ -28,7 +28,7 @@
 }
 
 .menu-group .sdoc-color-menu.disabled .sdoc-color-toggle .sdocfont {
-  color: #BDBDBD;
+  color: #c2c2c2;
 }
 
 .sdoc-color-menu .sdoc-color-icon {
@@ -47,20 +47,10 @@
   border: 1px solid rgba(0, 0, 0, .08);
 }
 
-.sdoc-color-menu #sdoc-highlight_color,
-.sdoc-color-menu #sdoc-font-color,
-.sdoc-color-menu #sdoc-sdoc_context_toolbar_sdoc-highlight_color,
-.sdoc-color-menu #sdoc_context_toolbar_sdoc-font-color {
-  width: 8px;
-}
-
-.sdoc-color-menu .sdoc-big-drop-down,
-.sdoc-color-menu .sdoc-big-caret-up {
-  height: 16px;
-  width: 16px;
-  line-height: 16px;
-  font-size: 16px !important;
-  transform: scale(.5);
+.sdoc-color-menu .sdoc-arrow-down,
+.sdoc-color-menu .sdoc-arrow-up {
+  padding: 0 !important;
+  margin-left: 0 !important;
 }
 
 .sdoc-color-menu-popover .popover {
@@ -158,7 +148,7 @@
 
 .sdoc-color-menu-popover .sdoc-more-colors .sdocfont {
   font-size: 14px;
-  color: #888;
+  color: #666;
 }
 
 .sdoc-color-menu-popover .sdoc-more-colors.show-pick {

package/dist/extension/commons/color-menu/index.js

@@ -144,7 +144,7 @@ var ColorMenu = function ColorMenu(_ref) {
     id: id,
     className: "sdoc-color-toggle sdoc-menu-with-dropdown-triangle"
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'big-caret-up' : 'big-drop-down')
+    className: "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'arrow-up' : 'arrow-down')
   }))), text && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: buttonId
   }, t(text)), !disabled && /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
@@ -212,7 +212,7 @@ var ColorMenu = function ColorMenu(_ref) {
     }),
     id: "sdoc-more-colors"
   }, /*#__PURE__*/_react["default"].createElement("span", null, t('More_color')), /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-right-slide"
+    className: "sdocfont sdoc-arrow-right"
   })), /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
     target: "sdoc-more-colors",
     className: "sdoc-more-colors-popover",

package/dist/extension/commons/dropdown-menu-item/index.css

@@ -1,9 +1,9 @@
 /* insert element dropdown item */
 .sdoc-dropdown-item-with-left-icon .sdoc-dropdown-item-content .sdoc-dropdown-item-content-icon {
-  color: #444;
+  color: #666;
 }
 
-.sdoc-link-dropdown-menu-item .sdoc-dropdown-item-content{
+.sdoc-link-dropdown-menu-item .sdoc-dropdown-item-content {
   justify-content: space-between;
 }
 

package/dist/extension/commons/file-link-preview/index.css

@@ -31,6 +31,7 @@
 .sdoc-file-preview-drawer .file-preview-panel-header .file-preview-panel-header-left {
   display: flex;
   align-items: center;
+  overflow: hidden;
 }
 
 .sdoc-file-preview-drawer .file-preview-panel-header-right .file-preview-full-screen {
@@ -49,7 +50,7 @@
 }
 
 .sdoc-file-preview-drawer .file-preview-panel-header-right .file-preview-full-screen .sdocfont {
-  color: #999;
+  color: #666;
   font-size: 14px;
 }
 

package/dist/extension/commons/menu/menu-item.js

@@ -51,7 +51,7 @@ var MenuItem = function MenuItem(_ref) {
   }), type === _constants.SDOC_LINK && /*#__PURE__*/_react["default"].createElement("span", {
     className: "sdoc-link-menu-item"
   }, /*#__PURE__*/_react["default"].createElement("span", null, t(text)), /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-drop-down"
+    className: "sdocfont sdoc-arrow-down"
   }))), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: id
   }, t(text)));

package/dist/extension/commons/menu/menu.css

@@ -4,7 +4,7 @@
   font-size: 0.75rem;
   border-right: 1px solid #e5e6e8;
   border-radius: 0 !important;
-  color: #444;
+  color: #666;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -16,23 +16,23 @@
   line-height: 24px;
   margin-right: 8px;
   border: none !important;
-  color: #444;
+  color: #666;
   background-color: transparent;
   padding-block-start: unset;
   padding-block-end: unset;
 }
 
-.menu-group .menu-group-item:disabled {
-  color: #BDBDBD;
-}
-
 .menu-group .menu-group-item:hover {
-  background-color: #F2F2F2;
+  background-color: #EFEFEF;
   border-radius: 2px;
 }
 
 .menu-group .menu-group-item[data-active='true'] {
-  color: #eb8205;
+  color: #ED7109;
+}
+
+.menu-group .menu-group-item:disabled {
+  color: #C2C2C2;
 }
 
 .menu-group .menu-group-item .sdocfont,
@@ -54,11 +54,11 @@
 }
 
 .menu-group .menu-group-item.sdoc-menu-with-dropdown.disabled {
-  color: #999;
+  color: #C2C2C2;
 }
 
 .sdoc-menu-with-dropdown:not(.disabled):hover {
-  background: #F2F2F2;
+  background: #EFEFEF;
   border-radius: 2px;
 }
 
@@ -79,8 +79,10 @@
 }
 
 .sdoc-menu-with-dropdown .sdoc-menu-with-dropdown-triangle .sdoc-menu-with-dropdown-triangle-icon {
-  font-size: 14px;
-  color: #999;
+  font-size: 12px;
+  color: #666;
+  margin-left: 4px;
+  padding-right: 6px;
 }
 
 .menu-group:last-child {

package/dist/extension/commons/select/index.js

@@ -128,7 +128,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
       }, currentOption.label)), /*#__PURE__*/_react["default"].createElement("span", {
         className: "operation"
       }, /*#__PURE__*/_react["default"].createElement("i", {
-        className: "sdocfont sdoc-drop-down arrow"
+        className: "sdocfont sdoc-arrow-down arrow"
       }))), isShowSelector && /*#__PURE__*/_react["default"].createElement("span", {
         className: "select-popover"
       }, /*#__PURE__*/_react["default"].createElement(_fieldSetting["default"], {

package/dist/extension/commons/select/menu/style.css

@@ -39,5 +39,5 @@
   height: 32px;
   line-height: 32px;
   font-size: 13px;
-  color: #aaa;
+  color: #666;
 }

package/dist/extension/commons/select-file-dialog/tree-view/index.js

@@ -274,7 +274,7 @@ var TreeView = function TreeView(_ref) {
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "sdoc-file-icon-container"
       }, /*#__PURE__*/_react["default"].createElement("i", {
-        className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-right-slide"
+        className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-arrow-right"
       }), /*#__PURE__*/_react["default"].createElement("i", {
         className: "sdoc-file-icon sdocfont sdoc-folder"
       })), /*#__PURE__*/_react["default"].createElement("span", {

package/dist/extension/plugins/ai/ai-module/index.js

@@ -599,7 +599,7 @@ function AIModule(_ref) {
   }, t('Translate')), /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
     menuConfig: _constants2.OPERATION_MENUS_CONFIG.TRANSLATE
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+    className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
   }), /*#__PURE__*/_react["default"].createElement(_langSubMenu["default"], {
     target: _constants2.OPERATION_MENUS_CONFIG.TRANSLATE.id,
     onTranslateClick: onTranslateClick
@@ -626,7 +626,7 @@ function AIModule(_ref) {
     menuConfig: _constants2.OPERATION_MENUS_CONFIG.ADJUSTMENT,
     isHidden: !isShowAdjust
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+    className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
   }), /*#__PURE__*/_react["default"].createElement(_adjustSubMenu["default"], {
     target: _constants2.OPERATION_MENUS_CONFIG.ADJUSTMENT.id,
     onMoreFluentClick: onMoreFluentClick,

package/dist/extension/plugins/ai/ai-module/style.css

@@ -46,7 +46,7 @@
 }
 
 .sdoc-ai-content .sdoc-ai-search .sdoc-send-arrow.disable {
-  color: #BDBDBD;
+  color: #c2c2c2;
   cursor: text;
 }
 

package/dist/extension/plugins/callout/render-elem/callout-hover-menu/index.js

@@ -76,7 +76,7 @@ function CalloutHoverMenu(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "sdocfont sdoc-callout-color mr-1"
   }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "sdocfont sdoc-drop-down"
+    className: "sdocfont sdoc-arrow-down"
   })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "select_callout_color",
     placement: "top",
@@ -90,7 +90,7 @@ function CalloutHoverMenu(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "sdocfont sdoc-callout-icon mr-1"
   }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "sdocfont sdoc-drop-down"
+    className: "sdocfont sdoc-arrow-down"
   })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "select_callout_icon",
     placement: "top",

package/dist/extension/plugins/callout/render-elem/callout-hover-menu/style.css

@@ -15,27 +15,28 @@
   justify-content: center;
   align-items: center;
   font-size: 12px;
-  color: #444444;
+  color: #666;
   cursor: pointer;
   border-radius: 3px;
 }
 
 .sdoc-callout-hover-menu .callout-menu-item:hover {
-  background-color: #f2f2f2;
+  background-color: #EFEFEF;
 }
 
 .sdoc-callout-hover-menu .callout-menu-item .sdocfont {
+  line-height: 1;
   font-size: 14px;
-  color: #444;
+  color: #666;
 }
 
-.sdoc-callout-hover-menu .callout-menu-item .sdoc-drop-down {
-  color: #999;
+.sdoc-callout-hover-menu .callout-menu-item .sdoc-arrow-down {
+  font-size: 12px;
 }
 
 .sdoc-callout-hover-menu .callout-menu-item.color-active,
 .sdoc-callout-hover-menu .callout-menu-item.icon-active {
-  background-color: #f2f2f2;
+  background-color: #EFEFEF;
   border-radius: 2px;
 }
 

package/dist/extension/plugins/code-block/hover-menu/index.css

@@ -20,9 +20,9 @@
 }
 
 .sdoc-code-block-hover-menu-container .hover-menu-container .active {
-  color: #444444;
+  color: #666;
   text-decoration: none;
-  background: #f2f2f2;
+  background: #EFEFEF;
 }
 
 .sdoc-code-block-hover-menu-container .hover-menu-container .op-item {
@@ -30,7 +30,7 @@
   height: 100%;
   width: 100%;
   font-size: 12px;
-  color: #444444;
+  color: #666;
   border-radius: 2px;
   text-align: center;
   line-height: 20px;
@@ -58,8 +58,9 @@
   width: fit-content;
 }
 
-.sdoc-code-block-hover-menu-container .sdoc-code-block-hover-operation-lang .sdocfont {
-  color: #999;
+.sdoc-code-block-hover-menu-container .sdoc-code-block-hover-operation-lang .sdoc-arrow-down {
+  font-size: 12px;
+  color: #666;
 }
 
 .sdoc-code-block-hover-menu-container .sdoc-code-block-hover-operation-divider {
@@ -70,14 +71,14 @@
 }
 
 .sdoc-code-block-hover-menu-container .hover-menu-container .op-item:hover {
-  color: #444444;
   text-decoration: none;
-  background: #f2f2f2;
+  background: #EFEFEF;
 }
 
 .sdoc-code-block-hover-menu-container .sdocfont {
+  line-height: 1;
   font-size: 14px;
-  color: #444;
+  color: #666;
 }
 
 .sdoc-langs-list-container {

package/dist/extension/plugins/code-block/hover-menu/index.js

@@ -205,7 +205,7 @@ var CodeBlockHoverMenu = function CodeBlockHoverMenu(_ref3) {
     className: "op-item ".concat(isShowlangsList ? 'active' : ''),
     onClick: onShowLangs
   }, /*#__PURE__*/_react["default"].createElement("span", null, selectedLanguageText), /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-drop-down"
+    className: "sdocfont sdoc-arrow-down"
   }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-code-block-hover-operation-divider"
   }), /*#__PURE__*/_react["default"].createElement("div", {

package/dist/extension/plugins/file-link/hover-menu/index.css

@@ -25,7 +25,7 @@
 .sdoc-file-link-hover-menu-container .hover-menu-container .op-item {
   position: relative;
   font-size: 12px;
-  color: #444444;
+  color: #666;
   padding: 0 5px;
   border-radius: 2px;
   min-width: 24px;
@@ -36,9 +36,8 @@
 }
 
 .sdoc-file-link-hover-menu-container .hover-menu-container .op-item:hover {
-  color: #444444;
   text-decoration: none;
-  background: #f1f1f1;
+  background: #EFEFEF;
 }
 
 .sdoc-file-link-hover-menu-container .op-group-item:last-child .op-item {
@@ -46,7 +45,7 @@
 }
 
 .sdoc-file-link-hover-menu-container .hover-menu-container .link-style-icon-active {
-  background: #f1f1f1;
+  background: #EFEFEF;
 }
 
 .sdoc-file-link-hover-menu-container .hover-menu-container .op-tooltip:hover::after {
@@ -68,12 +67,13 @@
 }
 
 .sdoc-file-link-hover-menu-container .hover-menu-container .sdocfont {
+  line-height: 1;
   font-size: 14px;
-  color: #444444;
+  color: #666;
 }
 
-.sdoc-file-link-hover-menu-container .hover-menu-container .sdoc-drop-down {
-  color: #999;
+.sdoc-file-link-hover-menu-container .hover-menu-container .sdoc-arrow-down {
+  font-size: 12px;
 }
 
 .sdoc-file-link-hover-menu-container .sdoc-file-display-style-popover {

package/dist/extension/plugins/file-link/hover-menu/index.js

@@ -110,7 +110,7 @@ var FileLinkHoverMenu = function FileLinkHoverMenu(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])('mr-1', _constants2.FILE_LINK_TYPE_CONFIG[selectedType].icon)
   }), /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-drop-down"
+    className: "sdocfont sdoc-arrow-down"
   })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "select_style",
     placement: "top",

package/dist/extension/plugins/font/menu/font-family/index.css

@@ -28,7 +28,7 @@
 .menu-group .menu-group-item.sdoc-menu-with-dropdown.sdoc-font-family-menu.disabled .sdoc-menu-with-dropdown-icon div {
   padding-right: 5px;
   width: 70px;
-  color: #BDBDBD;
+  color: #c2c2c2;
 }
 
 /* sdoc-font-family-menu-popover */

package/dist/extension/plugins/font/menu/font-family/index.js

@@ -77,7 +77,7 @@ var FontFamily = function FontFamily(_ref) {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowMenu]);
-  var caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down');
+  var caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'arrow-up' : 'arrow-down');
   var _ref2 = fontRef.current ? fontRef.current.getBoundingClientRect() : {
       bottom: 92.5
     },

package/dist/extension/plugins/font/menu/font-size/index.css

@@ -24,8 +24,8 @@
 
 .sdoc-font-size-menu-popover .sdoc-dropdown-menu-item .sdoc-check-mark {
   position: absolute;
-  left: 8px;
-  color: #798d99;
+  left: 5px;
+  color: #666;
 }
 
 .sdoc-font-size-menu-popover .sdoc-font-size-menu-container {
@@ -37,4 +37,5 @@
 
 .sdoc-font-size-menu-popover .sdoc-dropdown-menu-item {
   font-size: 14px;
+  padding: 4px 16px 4px 24px;
 }

package/dist/extension/plugins/font/menu/font-size/index.js

@@ -54,7 +54,7 @@ var FontSize = function FontSize(_ref) {
     'rich-icon-btn-hover': isRichEditor && !disabled,
     'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
   });
-  var caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down');
+  var caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'arrow-up' : 'arrow-down');
   var _ref2 = fontSizeRef.current ? fontSizeRef.current.getBoundingClientRect() : {
       bottom: 92.5
     },

package/dist/extension/plugins/header/menu/index.js

@@ -105,7 +105,7 @@ var HeaderMenu = /*#__PURE__*/function (_React$Component) {
       var _this2 = this;
       var t = this.props.t;
       var isShowHeaderPopover = this.state.isShowHeaderPopover;
-      var headerIconClass = "sdocfont sdoc-".concat(isShowHeaderPopover ? 'caret-up' : 'drop-down');
+      var headerIconClass = "sdocfont sdoc-".concat(isShowHeaderPopover ? 'arrow-up' : 'arrow-down');
       var currentType = this.getValue();
       var disabled = this.isDisabled();
       var itemList = [_constants.PARAGRAPH, 'divider', _constants.TITLE, _constants.SUBTITLE, 'divider'].concat((0, _toConsumableArray2["default"])(_constants.HEADERS));

package/dist/extension/plugins/header/menu/style.css

@@ -23,29 +23,30 @@
 }
 
 .header-menu .header-toggle-disabled {
-  color: #BDBDBD;
+  color: #c2c2c2;
   cursor: unset;
 }
 
 .header-menu .header-toggle:not(.header-toggle-disabled):hover {
-  background: #F2F2F2;
+  background: #EFEFEF;
   border-radius: 2px;
 }
 
 .header-menu .header-toggle .sdocfont {
-  color: #999;
+  color: #666;
   width: 12px;
   height: 24px;
   margin-left: 8px;
+  margin-right: 3px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  font-size: 14px;
+  font-size: 12px;
   cursor: pointer;
 }
 
 .header-menu .header-toggle-disabled .sdocfont {
-  color: #BDBDBD;
+  color: #c2c2c2;
   cursor: unset;
 }
 
@@ -73,12 +74,12 @@
 .header-menu .header-popover .sdoc-dropdown-menu-item {
   font-size: 14px;
   height: auto;
-  padding: 9px 16px 9px 28px;
+  padding: 9px 16px 9px 24px;
   line-height: 1;
 }
 
 .header-menu .header-popover .sdoc-dropdown-menu-item .sdoc-check-mark {
   position: absolute;
-  left: 8px;
-  color: #798d99;
+  left: 5px;
+  color: #666;
 }

package/dist/extension/plugins/image/hover-menu/index.css

@@ -28,7 +28,7 @@
 .sdoc-image-hover-menu-container .hover-menu-container .op-item {
   position: relative;
   font-size: 12px;
-  color: #444444;
+  color: #666;
   padding: 0 5px;
   border-radius: 2px;
   min-width: 24px;
@@ -39,22 +39,22 @@
 }
 
 .sdoc-image-hover-menu-container .hover-menu-container .op-item:hover {
-  color: #444444;
+  color: #666;
   text-decoration: none;
-  background: #f1f1f1;
+  background: #EFEFEF;
 }
 
 .sdoc-image-hover-menu-container .hover-menu-container .active {
-  background: #f1f1f1;
+  background: #EFEFEF;
 }
 
 .sdoc-image-hover-menu-container .hover-menu-container .sdocfont {
   font-size: 14px;
-  color: #444444;
+  color: #666;
 }
 
-.sdoc-image-hover-menu-container .hover-menu-container .sdoc-drop-down {
-  color: #999 !important;
+.sdoc-image-hover-menu-container .hover-menu-container .sdoc-arrow-down {
+  font-size: 12px;
 }
 
 .sdoc-image-hover-menu-container .sdoc-image-popover {

package/dist/extension/plugins/image/hover-menu/index.js

@@ -182,7 +182,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "mr-1"
   }, t(type === _constants.IMAGE_BLOCK ? 'Block' : 'Inline')), /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-drop-down"
+    className: "sdocfont sdoc-arrow-down"
   }))), !readonly && /*#__PURE__*/_react["default"].createElement("span", {
     className: "op-group-item"
   }, type === _constants.IMAGE_BLOCK && /*#__PURE__*/_react["default"].createElement("span", {
@@ -196,7 +196,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("sdocfont sdoc-align-".concat(align || 'left', " mr-1"))
   }), /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-drop-down"
+    className: "sdocfont sdoc-arrow-down"
   })), /*#__PURE__*/_react["default"].createElement("span", {
     id: "sdoc_image_border",
     role: "button",
@@ -209,7 +209,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-image mr-1"
   }), /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-drop-down"
+    className: "sdocfont sdoc-arrow-down"
   }), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "sdoc_image_border",
     placement: "top",

package/dist/extension/plugins/image/menu/index.js

@@ -52,7 +52,7 @@ var ImageMenu = function ImageMenu(_ref) {
     menuConfig: menuConfig,
     className: "pr-2"
   }, !disabled && /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+    className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
   })), !disabled && /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
     target: menuConfig.id,
     trigger: "hover",

package/dist/extension/plugins/link/dialog/add-link-dialog/index.js

@@ -289,7 +289,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     id: "selected-block-display",
     className: "selected-linked-block"
   }), /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-right-slide"
+    className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-arrow-right"
   })), isOpenSelect && /*#__PURE__*/_react["default"].createElement("div", {
     className: "link-block-wrapper"
   }, headerList.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
@@ -300,7 +300,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
       return setIsOpenSelectHeader(!isOpenSelectHeader);
     }
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-right-slide"
+    className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-arrow-right"
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "title"
   }, t('Header'))), isOpenSelectHeader && headerList.map(function (header, key) {
@@ -325,7 +325,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
       return setIsOpenSelectImageBlock(!isOpenSelectImageBlock);
     }
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-right-slide"
+    className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-arrow-right"
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "title"
   }, t('Image'))), isOpenSelectImageBlock && /*#__PURE__*/_react["default"].createElement("div", {
@@ -344,7 +344,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
       return setIsOpenSelectCodeBlock(!isOpenSelectCodeBlock);
     }
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-right-slide"
+    className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-arrow-right"
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "title"
   }, t('Code_block'))), isOpenSelectCodeBlock && /*#__PURE__*/_react["default"].createElement("div", {
@@ -363,7 +363,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
       return setIsOpenSelectBlockquote(!isOpenSelectBlockquote);
     }
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-right-slide"
+    className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-arrow-right"
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "title"
   }, t('Quote'))), isOpenSelectBlockquote && /*#__PURE__*/_react["default"].createElement("div", {

package/dist/extension/plugins/link/hover/index.css

@@ -25,7 +25,7 @@
 
 .link-op-menu-link {
   font-size: 12px;
-  color: #444444;
+  color: #666;
   padding: 0 5px;
   border-radius: 2px;
   line-height: 20px;
@@ -33,9 +33,8 @@
 }
 
 .link-op-menu-link:hover {
-  color: #444444;
   text-decoration: none;
-  background: #f1f1f1;
+  background: #EFEFEF;
 }
 
 .link-op-icons {
@@ -44,7 +43,7 @@
 }
 
 .link-op-icon {
-  color: #999999;
+  color: #666;
   padding: 4px;
   border-radius: 2px;
   margin-left: 8px;
@@ -54,11 +53,11 @@
 
 .link-op-icon .sdocfont {
   font-size: 14px;
-  color: #444;
+  color: #666;
 }
 
 .link-op-icon:hover {
-  background: #f2f2f2;
+  background: #EFEFEF;
 }
 
 .seafile-ed-hovermenu-mouseclick {

package/dist/extension/plugins/sdoc-link/hover-menu/index.css

@@ -25,7 +25,7 @@
 .sdoc-link-hover-menu-container .hover-menu-container .op-item {
   position: relative;
   font-size: 12px;
-  color: #444444;
+  color: #666;
   padding: 0 5px;
   border-radius: 2px;
   min-width: 24px;
@@ -36,9 +36,8 @@
 }
 
 .sdoc-link-hover-menu-container .hover-menu-container .op-item:hover {
-  color: #444444;
   text-decoration: none;
-  background: #f1f1f1;
+  background: #EFEFEF;
 }
 
 .sdoc-link-hover-menu-container .op-group-item:not(:first-child) .op-item {
@@ -46,7 +45,7 @@
 }
 
 .sdoc-link-hover-menu-container .hover-menu-container .link-style-icon-active {
-  background: #f1f1f1;
+  background: #EFEFEF;
 }
 
 .sdoc-link-hover-menu-container .hover-menu-container .op-tooltip:hover::after {
@@ -68,12 +67,13 @@
 }
 
 .sdoc-link-hover-menu-container .hover-menu-container .sdocfont {
+  line-height: 1;
   font-size: 14px;
-  color: #444;
+  color: #666;
 }
 
-.sdoc-link-hover-menu-container .hover-menu-container .sdoc-drop-down {
-  color: #999;
+.sdoc-link-hover-menu-container .hover-menu-container .sdoc-arrow-down {
+  font-size: 12px;
 }
 
 .sdoc-link-hover-menu-container .sdoc-file-display-style-popover {

package/dist/extension/plugins/sdoc-link/hover-menu/index.js

@@ -135,7 +135,7 @@ var SdocLinkHoverMenu = function SdocLinkHoverMenu(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])('mr-1', _constants2.SDOC_LINK_TYPE_CONFIG[selectedType].icon)
   }), /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-drop-down"
+    className: "sdocfont sdoc-arrow-down"
   })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "display_sdoc_link",
     placement: "top",

package/dist/extension/plugins/table/menu/active-table-menu/common-menu.js

@@ -72,7 +72,7 @@ var CommonMenu = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/_react["default"].createElement("div", {
         className: "sdoc-menu-with-dropdown-triangle"
       }, /*#__PURE__*/_react["default"].createElement("i", {
-        className: "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down')
+        className: "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'arrow-up' : 'arrow-down')
       }))), !disabled && /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
         target: id,
         className: "sdoc-common-menu-popover sdoc-table-menu-popover",

package/dist/extension/plugins/table/menu/color-selector-popover/index.js

@@ -160,7 +160,7 @@ var ColorSelectorPopover = function ColorSelectorPopover(_ref) {
     }),
     id: "sdoc-more-colors"
   }, /*#__PURE__*/_react["default"].createElement("span", null, t('More_color')), /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-right-slide"
+    className: "sdocfont sdoc-arrow-right"
   })), /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
     target: "sdoc-more-colors",
     className: "sdoc-more-colors-popover sdoc-table-more-colors",

package/dist/extension/plugins/table/menu/table-context-menu/index.css

@@ -34,6 +34,6 @@
   padding-right: 12px;
 }
 
-.side-extendable .sdoc-right-slide {
+.side-extendable .sdoc-arrow-right {
   color: #fff;
 }

package/dist/extension/plugins/table/menu/table-context-menu/index.js

@@ -204,7 +204,7 @@ var TableContextMenu = /*#__PURE__*/function (_React$Component) {
         ref: this.horizontalAlignRef,
         className: "dropdown-item side-extendable"
       }, /*#__PURE__*/_react["default"].createElement("span", null, t('Horizontal_align')), /*#__PURE__*/_react["default"].createElement("i", {
-        className: "sdocfont sdoc-right-slide"
+        className: "sdocfont sdoc-arrow-right"
       })), this.horizontalAlignRef.current && /*#__PURE__*/_react["default"].createElement(_horizontalAlignPopover["default"], {
         target: this.horizontalAlignRef,
         editor: editor,
@@ -214,7 +214,7 @@ var TableContextMenu = /*#__PURE__*/function (_React$Component) {
         ref: this.verticalAlignRef,
         className: "dropdown-item side-extendable"
       }, /*#__PURE__*/_react["default"].createElement("span", null, t('Vertical_align')), /*#__PURE__*/_react["default"].createElement("i", {
-        className: "sdocfont sdoc-right-slide"
+        className: "sdocfont sdoc-arrow-right"
       })), this.verticalAlignRef.current && /*#__PURE__*/_react["default"].createElement(_verticalAlignPopover["default"], {
         target: this.verticalAlignRef,
         editor: editor,
@@ -224,7 +224,7 @@ var TableContextMenu = /*#__PURE__*/function (_React$Component) {
         ref: this.colorSelectorRef,
         className: "dropdown-item side-extendable"
       }, /*#__PURE__*/_react["default"].createElement("span", null, t('Background_color')), /*#__PURE__*/_react["default"].createElement("i", {
-        className: "sdocfont sdoc-right-slide"
+        className: "sdocfont sdoc-arrow-right"
       })), this.colorSelectorRef.current && /*#__PURE__*/_react["default"].createElement(_colorSelectorPopover["default"], {
         target: this.colorSelectorRef,
         editor: editor,

package/dist/extension/plugins/table/menu/table-menu/index.js

@@ -27,7 +27,7 @@ var TableMenu = function TableMenu(_ref) {
     menuConfig: menuConfig,
     className: "pr-2"
   }, !disabled && /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+    className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
   })), !disabled && /*#__PURE__*/_react["default"].createElement(_tableSizePopover["default"], {
     editor: editor,
     target: menuConfig.id,

package/dist/extension/plugins/table/popover/table-size-popover/index.js

@@ -237,7 +237,7 @@ var TableSizePopover = function TableSizePopover(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(MenuItem, {
     id: "sdoc-table-template-review-btn",
     text: "Table_template",
-    iconClassname: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+    iconClassname: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-table-size-select"
   }, renderTableSize()), /*#__PURE__*/_react["default"].createElement("div", {

package/dist/extension/plugins/text-align/menu/index.css

@@ -1,5 +1,10 @@
 .sdoc-text-align-dropdown .sdocfont.sdoc-check-mark {
     position: absolute;
-    left: 8px;
-    color: #798d99;
+    left: 5px;
+    color: #666;
+}
+
+.sdoc-text-align-dropdown .sdoc-dropdown-menu-item {
+    font-size: 14px;
+    padding: 4px 16px 4px 24px;
 }

package/dist/extension/plugins/text-align/menu/index.js

@@ -58,7 +58,7 @@ var TextAlignMenu = function TextAlignMenu(_ref) {
   var curIcon = _constants.MENUS_CONFIG_MAP[_constants.TEXT_ALIGN].filter(function (item) {
     return item.type === curType;
   })[0].iconClass;
-  var caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down');
+  var caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'arrow-up' : 'arrow-down');
   curType = 'align_' + curType;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
     type: "button",

package/dist/extension/plugins/video/hover-menu/index.css

@@ -25,7 +25,7 @@
 .video-hover-menu-container .hover-menu-container .op-item {
   position: relative;
   font-size: 12px;
-  color: #444444;
+  color: #666;
   padding: 0 5px;
   border-radius: 2px;
   min-width: 24px;
@@ -36,9 +36,8 @@
 }
 
 .video-hover-menu-container .hover-menu-container .op-item:hover {
-  color: #444444;
   text-decoration: none;
-  background: #f1f1f1;
+  background: #EFEFEF;
 }
 
 .video-hover-menu-container .op-group-item:first-child .op-item:last-child,
@@ -47,6 +46,7 @@
 }
 
 .video-hover-menu-container .hover-menu-container .sdocfont {
+  line-height: 1;
   font-size: 14px;
-  color: #444;
+  color: #666;
 }

package/dist/extension/plugins/video/menu/index.js

@@ -49,7 +49,7 @@ var VideoMenu = function VideoMenu(_ref) {
     menuConfig: menuConfig,
     className: "pr-2"
   }, !disabled && /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+    className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
   })), !disabled && /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
     target: menuConfig.id,
     trigger: "hover",

package/dist/extension/plugins/whiteboard/hover-menu/index.css

@@ -28,7 +28,7 @@
 .sdoc-whiteboard-hover-menu-container .hover-menu-container .op-item {
   position: relative;
   font-size: 12px;
-  color: #444444;
+  color: #666;
   padding: 0 5px;
   border-radius: 2px;
   min-width: 24px;
@@ -39,12 +39,12 @@
 }
 
 .sdoc-whiteboard-hover-menu-container .hover-menu-container .op-item:hover {
-  color: #444444;
   text-decoration: none;
-  background: #f1f1f1;
+  background: #EFEFEF;
 }
 
 .sdoc-whiteboard-hover-menu-container .hover-menu-container .sdocfont {
+  line-height: 1;
   font-size: 14px;
-  color: #444444;
+  color: #666;
 }

package/dist/extension/plugins/whiteboard/menu/index.js

@@ -38,7 +38,7 @@ var WhiteboardMenu = function WhiteboardMenu(_ref) {
     menuConfig: menuConfig,
     className: "pr-2"
   }, !disabled && /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+    className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
   })), !disabled && /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
     target: menuConfig.id,
     trigger: "hover",

package/dist/extension/toolbar/header-toolbar/insert-toolbar/index.js

@@ -59,7 +59,7 @@ var InsertToolbar = function InsertToolbar(_ref) {
     'rich-icon-btn-hover': isRichEditor && !disabled,
     'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
   });
-  var caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down');
+  var caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'arrow-up' : 'arrow-down');
   var _ref2 = insertButtonRef.current ? insertButtonRef.current.getBoundingClientRect() : {
       bottom: 92.5
     },

package/dist/extension/toolbar/insert-element-toolbar/index.js

@@ -283,7 +283,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
       menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FILE_VIEW]),
       className: "pr-2"
     }, /*#__PURE__*/_react["default"].createElement("i", {
-      className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+      className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
     }), /*#__PURE__*/_react["default"].createElement(_linkedRepoPopover["default"], {
       onRepoClick: onRepoClick
     })))), {}, (0, _defineProperty2["default"])({}, _constants2.IMAGE, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
@@ -302,7 +302,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
       menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
       className: "pr-2"
     }, /*#__PURE__*/_react["default"].createElement("i", {
-      className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+      className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
     }), /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
       target: "sdoc-side-menu-item-video",
       trigger: "hover",
@@ -331,7 +331,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
       menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]),
       className: "pr-2"
     }, /*#__PURE__*/_react["default"].createElement("i", {
-      className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+      className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
     }), /*#__PURE__*/_react["default"].createElement(_tableSizePopover["default"], {
       tableSizeRef: tableSizeRef,
       editor: editor,

package/dist/extension/toolbar/side-toolbar/insert-block-menu.js

@@ -198,7 +198,7 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FILE_VIEW]),
     className: "pr-2"
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+    className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
   }), /*#__PURE__*/_react["default"].createElement(_linkedRepoPopover["default"], {
     onRepoClick: onRepoClick
   })), /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
@@ -212,7 +212,7 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
     className: "pr-2"
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+    className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
   }), /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
     target: "sdoc-side-menu-item-video",
     trigger: "hover",
@@ -237,7 +237,7 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]),
     className: "pr-2"
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+    className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
   }), /*#__PURE__*/_react["default"].createElement(_tableSizePopover["default"], {
     editor: editor,
     target: "sdoc-side-menu-item-table",

package/dist/extension/toolbar/side-toolbar/side-menu.js

@@ -197,7 +197,7 @@ var SideMenu = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     },
     className: "pr-2"
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+    className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
   }), /*#__PURE__*/_react["default"].createElement(_transformMenus["default"], {
     target: "sdoc-side-menu-item-transform",
     slateNode: slateNode,
@@ -221,7 +221,7 @@ var SideMenu = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     className: "pr-2 sdoc-dropdown-menu-item-relative",
     isHidden: insertBelowMenuSearchMap['searching']
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+    className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
   }), /*#__PURE__*/_react["default"].createElement(_insertBelowMenu["default"], {
     target: "sdoc-side-menu-item-insert-below",
     slateNode: slateNode

package/dist/outline/style.css

@@ -111,7 +111,7 @@
 }
 
 .sdoc-outline-header__close:hover {
-  color: #555;
+  color: #666;
 }
 
 .sdoc-outline-list-container {
@@ -139,7 +139,7 @@
 .sdoc-outline-menu {
   line-height: 1;
   font-size: 14px;
-  color: #888;
+  color: #999;
   cursor: pointer;
   width: 28px;
   height: 28px;
@@ -160,5 +160,5 @@
 }
 
 .sdoc-outline-menu:not(.disabled):hover {
-  color: #333;
+  color: #666;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.56",
+  "version": "3.0.58",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -17,7 +17,7 @@
   "license": "ISC",
   "description": "",
   "dependencies": {
-    "@seafile/comment-editor": "1.0.9",
+    "@seafile/comment-editor": "1.0.10",
     "@seafile/print-js": "1.6.6",
     "@seafile/react-image-lightbox": "5.0.4",
     "@seafile/seafile-database": "0.0.17",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b0a71f5315291d53f037b7539eb85d52a86f8677"
+  "gitHead": "860ce43ab32796a9071d6bceff0bed16ac1ddea2"
 }