@riil-frontend/component-topology 10.0.46 → 10.0.48

package/es/components/ColorPanel/index.js

@@ -138,7 +138,7 @@ function ColorPanel(props) {
 
   var defaultTrigger =
   /*#__PURE__*/
-  // 
+  //
   React.createElement("div", {
     className: styles.swatch,
     onClick: open

package/es/components/VerticalIconTab/VerticalIconTab.js

@@ -4,6 +4,7 @@ import _Balloon from "@alifd/next/es/balloon";
 import React, { useState } from 'react';
 import classNames from 'classnames';
 import styles from "./VerticalIconTab.module.scss";
+import variables from '@alifd/theme-19926/variables.js';
 /**
  * 自定义标题
  * @param {*} param0 
@@ -27,7 +28,8 @@ function CustomTabItem(_ref) {
     align: "r" // 解决遮挡下拉浮层问题
     ,
     popupStyle: {
-      zIndex: 1000
+      zIndex: 1000,
+      color: variables['$color-text1-4']
     }
   }, titleTootip);
 }

package/es/core/components/AlarmListPanel/components/index.module.scss

@@ -17,20 +17,30 @@
     word-break: break-all;
     word-wrap: break-word;
     white-space: pre-wrap;
+    color:$color-text1-4;
 }
 .list{    
    flex: 1;
 }
 .listLink{
     font-size: 12px;
-    color: #4C89FF;
+    color: $color-brand1-5;
     height: 100%;
     display:flex;
     :global{
         a{
-            color: #4C89FF !important;
+            color: $color-brand1-5 !important;
             align-self: center;
           }
     }
   
+}
+.listLink:hover{
+    color: $color-brand1-4;
+    :global{
+        a:hover{
+            color: $color-brand1-4 !important;
+            align-self: center;
+          }
+    }
 }

package/es/core/components/AlarmListPanel/index.module.scss

@@ -20,7 +20,7 @@
 
 
     .listTitle {
-      color: #4D6277;
+      color: $color-text1-4;
       font-size: 16px;
       font-weight: 500;
       line-height: 20px;
@@ -28,14 +28,14 @@
 
     .listTitleLink {
       font-size: 12px;
-      color: #4C89FF;
+      color: $color-brand1-5;
       margin-left: 12px;
       font-weight: 400;
       line-height: 20px;
     }
 
     .listTitleLink:hover {
-      color: #75A8FF;
+      color: $color-brand1-4;
     }
   }
 

package/es/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js

@@ -4,6 +4,7 @@ import _Checkbox from "@alifd/next/es/checkbox";
 import _Box from "@alifd/next/es/box";
 import _Radio from "@alifd/next/es/radio";
 import React, { useEffect, useState, useRef } from 'react';
+import variables from '@alifd/theme-19926/variables.js';
 import styles from "./ResourceDisplay/CommonCheckboxGroup.module.scss";
 import { plurals, compatibleWith } from "../../models/utils/linkUtils";
 var LineExpandAllRadioGroup = /*#__PURE__*/React.forwardRef(function LineExpandAllRadioGroup(props, ref) {
@@ -13,18 +14,14 @@ var LineExpandAllRadioGroup = /*#__PURE__*/React.forwardRef(function LineExpandA
       onChange = props.onChange,
       isEdit = props.isEdit;
 
-  var _useState = useState(value === 1 ? "0" : "1"),
-      showType = _useState[0],
-      setShowType = _useState[1];
-
-  var _useState2 = useState((_plurals$compatibleWi = plurals[compatibleWith(value)]) !== null && _plurals$compatibleWi !== void 0 ? _plurals$compatibleWi : ['phy']),
-      pluralType = _useState2[0],
-      setPluralType = _useState2[1];
+  var _useState = useState((_plurals$compatibleWi = plurals[compatibleWith(value)]) !== null && _plurals$compatibleWi !== void 0 ? _plurals$compatibleWi : ['phy']),
+      pluralType = _useState[0],
+      setPluralType = _useState[1];
 
   var handleTypeChange = function handleTypeChange(newValue) {
     setShowType(newValue); // console.log("handleTypeChange---newValue", newValue, pluralType);
 
-    if (newValue === "1") {
+    if (newValue === '1') {
       // setPluralType(["phy"]);
       onChange(creatTypeValue(pluralType));
     } else {
@@ -53,7 +50,7 @@ var LineExpandAllRadioGroup = /*#__PURE__*/React.forwardRef(function LineExpandA
       }
 
       if (newValue.length === 1) {
-        v = newValue[0] === "phy" ? 2 : 3;
+        v = newValue[0] === 'phy' ? 2 : 3;
       }
 
       if (newValue.length === 0) {
@@ -79,7 +76,7 @@ var LineExpandAllRadioGroup = /*#__PURE__*/React.forwardRef(function LineExpandA
     value: "0"
   }, "\u5355\u94FE\u8DEF"), /*#__PURE__*/React.createElement(_Radio, {
     value: "1"
-  }, "\u591A\u94FE\u8DEF"))), !isEdit && showType === "1" ? /*#__PURE__*/React.createElement("div", {
+  }, "\u591A\u94FE\u8DEF"))), !isEdit && showType === '1' ? /*#__PURE__*/React.createElement("div", {
     className: styles.contaienr
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.checkboxGroupWrapper
@@ -91,7 +88,7 @@ var LineExpandAllRadioGroup = /*#__PURE__*/React.forwardRef(function LineExpandA
     value: "phy"
   }, "\u7269\u7406\u94FE\u8DEF"), /*#__PURE__*/React.createElement(_Checkbox, {
     value: "agg"
-  }, "\u805A\u5408\u94FE\u8DEF")))) : "");
+  }, "\u805A\u5408\u94FE\u8DEF")))) : '');
 });
 
 function Label(props) {
@@ -106,7 +103,7 @@ function Label(props) {
       size: "xs",
       style: {
         lineHeight: '12px',
-        color: '#4d6277'
+        color: variables['$color-text1-4']
       }
     }),
     align: "t"

package/es/core/components/titlebar/TitleBar.module.scss

@@ -23,7 +23,8 @@
 
 .title {
   font-size: 14px;
-  font-weight: 600;
+  font-weight: 700;
+  color:$color-text1-8;
 }
 
 .rightTools {

package/es/core/editor/components/Toolbar/widgets/FontColorButton.module.scss

@@ -14,10 +14,10 @@
     font-size: 12px;
     font-family: PingFangSC-Regular, PingFang SC;
     font-weight: 400;
-    color: #4D6277;
+    color: $color-text1-4;
     line-height: 17px;
    }
-   
+
  }
  .backgroundColor{
   width: 100%;
@@ -31,7 +31,7 @@
     color: black;
     font-family: PingFangSC-Regular, PingFang SC;
     font-weight: 400;
-    color: #4D6277;
+    color: $color-text1-4;
     line-height: 17px;
    }
    .backOpacity{
@@ -42,4 +42,4 @@
     flex-direction: row;
    }
  }
-}
+}

package/es/core/editor/components/Toolbar/widgets/FontStyleButton.js

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react';
+import variables from '@alifd/theme-19926/variables.js';
 import { isText } from "../../../../../utils/htElementUtils";
 import DropdownMenu from "./components/DropdownMenu";
 import textStyleSettingRouter from "./components/textStyleSetting/textStyleSettingRouter.js";
@@ -69,8 +70,8 @@ function FontStyleButton(props) {
     setDisabled(getDisabled(fieldDisabled));
   }, [fieldDisabled]);
   /**
-   * 
-   * @param {Array} selectedKeys 
+   *
+   * @param {Array} selectedKeys
    */
 
   var handleSelect = function handleSelect(selectedKeys, item, extra) {
@@ -114,7 +115,7 @@ function FontStyleButton(props) {
         alt: ""
       }), /*#__PURE__*/React.createElement("span", {
         style: fieldDisabled[item.key] ? {} : {
-          color: '#4d6277'
+          color: variables['$color-text1-4']
         }
       }, item.label)),
       align: "r",

package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.module.scss

@@ -12,7 +12,8 @@
   :global {
     .checked {
       // border: 2px solid $color-brand1-5 !important;
-      color: #4D6277 !important;
+      // color: #4D6277 !important;
+      color: $color-text1-4 !important;
       border-color: #fff !important;
       background:#F2F7FD !important;
     }

package/es/core/editor/components/Toolbar/widgets/WidgetBox.module.scss

@@ -1,3 +1,4 @@
+@import '~@alifd/next/variables.scss';
 .container {
   margin: 0 6px;
   display: flex;
@@ -39,8 +40,8 @@
   margin-top: 4px;
   font-size: 10px;
   font-family: Helvetica;
-  color: #78849C;
-  line-height: 12px;
+  color:$color-text1-6;
+  line-height: 14px;
   text-align: center;
 }
 
@@ -49,7 +50,7 @@
 }
 
 .normalLabel {
-  color: #78849C;
+  color: $color-text1-6;
 }
 
 .ButtonBox {
@@ -71,4 +72,4 @@
     cursor: not-allowed;
   }
 
-}
+}

package/es/core/editor/components/settings/propertyViews/node/data/Data.js

@@ -5,7 +5,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _Collapse from "@alifd/next/es/collapse";
 import _Select from "@alifd/next/es/select";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useEffect } from "react";
+import React, { useEffect } from 'react';
+import variables from '@alifd/theme-19926/variables.js';
 import textStyles from "../../../../../../common/text.module.scss";
 import NodeRelateResourceButton from "./NodeRelateResourceButton";
 import PlatformDisplay from "./PlatformDisplay";
@@ -16,10 +17,10 @@ var CollapsePanel = _Collapse.Panel;
 
 function parseValues(values) {
   return _extends({}, values, {
-    "attrObject.customName": values["attrObject.customName"] || values["attrObject.name"],
-    "attrObject.bindTopo": values["attrObject.bindTopo"] || "",
+    'attrObject.customName': values['attrObject.customName'] || values['attrObject.name'],
+    'attrObject.bindTopo': values['attrObject.bindTopo'] || '',
     // 解决切换节点时关联拓扑选项未重置
-    "attrObject.bindIp": values["attrObject.bindIp"] || ""
+    'attrObject.bindIp': values['attrObject.bindIp'] || ''
   });
 }
 
@@ -28,11 +29,11 @@ function getBindType(values) {
     return values.attrObject.bindType;
   }
 
-  if (values.tag && !values.tag.startsWith("ip:")) {
-    return "resource";
+  if (values.tag && !values.tag.startsWith('ip:')) {
+    return 'resource';
   }
 
-  return "none";
+  return 'none';
 }
 
 export default function Data(props) {
@@ -66,11 +67,11 @@ export default function Data(props) {
   var setBindType = function setBindType(newBindType) {
     topo.historyManager.beginTransaction();
 
-    _onChange("attrObject.bindType", newBindType);
+    _onChange('attrObject.bindType', newBindType);
 
     topo.historyManager.endTransaction();
 
-    if (newBindType === "topo") {//
+    if (newBindType === 'topo') {//
     }
   };
 
@@ -82,8 +83,8 @@ export default function Data(props) {
             case 0:
               topo.historyManager.beginTransaction(); // 设置名称为拓扑名称，清空自定义名称
 
-              node.a("name", data.label);
-              node.a("customName", null);
+              node.a('name', data.label);
+              node.a('customName', null);
               _context.next = 5;
               return topoEditApi.deleteExLink(node);
 
@@ -105,9 +106,9 @@ export default function Data(props) {
 
   var RelateTopoTree = editorProps === null || editorProps === void 0 ? void 0 : editorProps.relateTopoTree;
   return /*#__PURE__*/React.createElement(_Collapse, {
-    defaultExpandedKeys: ["相关资源"],
+    defaultExpandedKeys: ['相关资源'],
     style: {
-      border: "none"
+      border: 'none'
     }
   }, /*#__PURE__*/React.createElement(CollapsePanel, {
     key: "\u76F8\u5173\u8D44\u6E90",
@@ -115,13 +116,13 @@ export default function Data(props) {
   }, /*#__PURE__*/React.createElement(_Form, {
     field: field,
     labelAlign: "top"
-  }, (!values.tag || bindType === "ip") && /*#__PURE__*/React.createElement(_Form.Item, {
+  }, (!values.tag || bindType === 'ip') && /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u5173\u8054\u7C7B\u578B"
   }, /*#__PURE__*/React.createElement(_Select, {
     name: "bindType",
     value: bindType,
     style: {
-      width: "100%",
+      width: '100%',
       marginRight: 8
     },
     onChange: setBindType
@@ -133,28 +134,29 @@ export default function Data(props) {
     value: "ip"
   }, "\u5173\u8054IP"), RelateTopoTree && /*#__PURE__*/React.createElement(Option, {
     value: "topo"
-  }, "\u5173\u8054\u62D3\u6251"))), bindType === "resource" && /*#__PURE__*/React.createElement(_Form.Item, {
+  }, "\u5173\u8054\u62D3\u6251"))), bindType === 'resource' && /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u5173\u8054\u8D44\u6E90"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      display: "flex"
+      display: 'flex'
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: textStyles.textEllipsis,
     style: {
       flex: 1,
       paddingRight: 16,
-      color: "#4D6277",
-      lineHeight: "20px"
+      color: variables['$color-text1-4'],
+      // color: '#4D6277',
+      lineHeight: '20px'
     },
     title: values.tag ? values.name : null
-  }, values.tag ? values.name : "—"), /*#__PURE__*/React.createElement(NodeRelateResourceButton, {
+  }, values.tag ? values.name : '—'), /*#__PURE__*/React.createElement(NodeRelateResourceButton, {
     nodeElement: node,
     node: values,
     topo: topo,
     topoEditApi: topoEditApi,
     nodeBindResourceDrawerComponent: editorProps.nodeBindResourceDrawerComponent
-  }))), bindType === "ip" &&
+  }))), bindType === 'ip' &&
   /*#__PURE__*/
   // <Form.Item
   //   label="关联IP"
@@ -176,13 +178,13 @@ export default function Data(props) {
     onChange: _onChange,
     maxLength: 128
   }) // </Form.Item>
-  , bindType === "topo" && RelateTopoTree && /*#__PURE__*/React.createElement(_Form.Item, {
+  , bindType === 'topo' && RelateTopoTree && /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u5173\u8054\u62D3\u6251"
   }, /*#__PURE__*/React.createElement(RelateTopoTree, {
     name: "attrObject.bindTopo",
     topo: topo,
     onChange: handleBindTopoChange
-  })), (editorProps === null || editorProps === void 0 ? void 0 : editorProps.topoType) === "cmpTopo" && node.getTag() && /*#__PURE__*/React.createElement(_Form.Item, {
+  })), (editorProps === null || editorProps === void 0 ? void 0 : editorProps.topoType) === 'cmpTopo' && node.getTag() && /*#__PURE__*/React.createElement(_Form.Item, {
     label: "\u6240\u5C5E\u5E73\u53F0"
   }, /*#__PURE__*/React.createElement(PlatformDisplay, props)))));
 }

package/es/core/models/TopoApp.js

@@ -24,7 +24,7 @@ import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
 import SelectionModel from "./SelectionModel";
 import CiCache from "./cache/CiCache"; // eslint-disable-next-line no-undef
 
-var version = typeof "10.0.46" === 'string' ? "10.0.46" : null;
+var version = typeof "10.0.48" === 'string' ? "10.0.48" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/BlockBox.module.scss

@@ -12,8 +12,8 @@
       flex: 1;
       height: 20px;
       font-size: 14px;
-      font-weight: 600;
-      color: #4d6277;
+      font-weight: 700;
+      color: $color-text1-8;
       :global {
         .#{$css-prefix}divider-ver {
           height: 1em;

package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/index.module.scss

@@ -21,13 +21,14 @@
     line-height: 22px;
     .label {
       white-space: nowrap;
+      color:$color-text1-6;
     }
     .content {
       flex: 1;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
-      color: #4d6277;
+      color: $color-text1-4;
       .link {
         width: 100%;
         display: block;

package/es/core/viewer/components/plugins/ResourceDetail/index.module.scss

@@ -30,7 +30,7 @@
   .drawer-title{
     font-size: 16px;
     font-weight: 500;
-    color: #4D6277;
+    color: $color-text1-8;
   }
   :global {
     .#{$css-prefix}drawer-body {

package/es/style.js

@@ -31,6 +31,7 @@ import '@riil-frontend/component-common-res-list/es/style';
 import '@alifd/next/es/balloon/style';
 import '@alifd/next/es/menu/style';
 import '@alifd/next/es/dropdown/style';
+
 import '@alifd/next/es/range/style';
 import '@alifd/next/es/radio/style';
 import '@alifd/next/es/tag/style';

package/lib/components/ColorPanel/index.js

@@ -155,7 +155,7 @@ function ColorPanel(props) {
 
   var defaultTrigger =
   /*#__PURE__*/
-  // 
+  //
   _react["default"].createElement("div", {
     className: _indexModule["default"].swatch,
     onClick: open

package/lib/components/VerticalIconTab/VerticalIconTab.js

@@ -17,6 +17,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _VerticalIconTabModule = _interopRequireDefault(require("./VerticalIconTab.module.scss"));
 
+var _variables = _interopRequireDefault(require("@alifd/theme-19926/variables.js"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -45,7 +47,8 @@ function CustomTabItem(_ref) {
     align: "r" // 解决遮挡下拉浮层问题
     ,
     popupStyle: {
-      zIndex: 1000
+      zIndex: 1000,
+      color: _variables["default"]['$color-text1-4']
     }
   }, titleTootip);
 }

package/lib/core/components/AlarmListPanel/components/index.module.scss

@@ -17,20 +17,30 @@
     word-break: break-all;
     word-wrap: break-word;
     white-space: pre-wrap;
+    color:$color-text1-4;
 }
 .list{    
    flex: 1;
 }
 .listLink{
     font-size: 12px;
-    color: #4C89FF;
+    color: $color-brand1-5;
     height: 100%;
     display:flex;
     :global{
         a{
-            color: #4C89FF !important;
+            color: $color-brand1-5 !important;
             align-self: center;
           }
     }
   
+}
+.listLink:hover{
+    color: $color-brand1-4;
+    :global{
+        a:hover{
+            color: $color-brand1-4 !important;
+            align-self: center;
+          }
+    }
 }

package/lib/core/components/AlarmListPanel/index.module.scss

@@ -20,7 +20,7 @@
 
 
     .listTitle {
-      color: #4D6277;
+      color: $color-text1-4;
       font-size: 16px;
       font-weight: 500;
       line-height: 20px;
@@ -28,14 +28,14 @@
 
     .listTitleLink {
       font-size: 12px;
-      color: #4C89FF;
+      color: $color-brand1-5;
       margin-left: 12px;
       font-weight: 400;
       line-height: 20px;
     }
 
     .listTitleLink:hover {
-      color: #75A8FF;
+      color: $color-brand1-4;
     }
   }
 

package/lib/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js

@@ -17,6 +17,8 @@ var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _variables = _interopRequireDefault(require("@alifd/theme-19926/variables.js"));
+
 var _CommonCheckboxGroupModule = _interopRequireDefault(require("./ResourceDisplay/CommonCheckboxGroup.module.scss"));
 
 var _linkUtils = require("../../models/utils/linkUtils");
@@ -32,18 +34,14 @@ var LineExpandAllRadioGroup = /*#__PURE__*/_react["default"].forwardRef(function
       onChange = props.onChange,
       isEdit = props.isEdit;
 
-  var _useState = (0, _react.useState)(value === 1 ? "0" : "1"),
-      showType = _useState[0],
-      setShowType = _useState[1];
-
-  var _useState2 = (0, _react.useState)((_plurals$compatibleWi = _linkUtils.plurals[(0, _linkUtils.compatibleWith)(value)]) !== null && _plurals$compatibleWi !== void 0 ? _plurals$compatibleWi : ['phy']),
-      pluralType = _useState2[0],
-      setPluralType = _useState2[1];
+  var _useState = (0, _react.useState)((_plurals$compatibleWi = _linkUtils.plurals[(0, _linkUtils.compatibleWith)(value)]) !== null && _plurals$compatibleWi !== void 0 ? _plurals$compatibleWi : ['phy']),
+      pluralType = _useState[0],
+      setPluralType = _useState[1];
 
   var handleTypeChange = function handleTypeChange(newValue) {
     setShowType(newValue); // console.log("handleTypeChange---newValue", newValue, pluralType);
 
-    if (newValue === "1") {
+    if (newValue === '1') {
       // setPluralType(["phy"]);
       onChange(creatTypeValue(pluralType));
     } else {
@@ -72,7 +70,7 @@ var LineExpandAllRadioGroup = /*#__PURE__*/_react["default"].forwardRef(function
       }
 
       if (newValue.length === 1) {
-        v = newValue[0] === "phy" ? 2 : 3;
+        v = newValue[0] === 'phy' ? 2 : 3;
       }
 
       if (newValue.length === 0) {
@@ -98,7 +96,7 @@ var LineExpandAllRadioGroup = /*#__PURE__*/_react["default"].forwardRef(function
     value: "0"
   }, "\u5355\u94FE\u8DEF"), /*#__PURE__*/_react["default"].createElement(_radio["default"], {
     value: "1"
-  }, "\u591A\u94FE\u8DEF"))), !isEdit && showType === "1" ? /*#__PURE__*/_react["default"].createElement("div", {
+  }, "\u591A\u94FE\u8DEF"))), !isEdit && showType === '1' ? /*#__PURE__*/_react["default"].createElement("div", {
     className: _CommonCheckboxGroupModule["default"].contaienr
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: _CommonCheckboxGroupModule["default"].checkboxGroupWrapper
@@ -110,7 +108,7 @@ var LineExpandAllRadioGroup = /*#__PURE__*/_react["default"].forwardRef(function
     value: "phy"
   }, "\u7269\u7406\u94FE\u8DEF"), /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
     value: "agg"
-  }, "\u805A\u5408\u94FE\u8DEF")))) : "");
+  }, "\u805A\u5408\u94FE\u8DEF")))) : '');
 });
 
 function Label(props) {
@@ -125,7 +123,7 @@ function Label(props) {
       size: "xs",
       style: {
         lineHeight: '12px',
-        color: '#4d6277'
+        color: _variables["default"]['$color-text1-4']
       }
     }),
     align: "t"

package/lib/core/components/titlebar/TitleBar.module.scss

@@ -23,7 +23,8 @@
 
 .title {
   font-size: 14px;
-  font-weight: 600;
+  font-weight: 700;
+  color:$color-text1-8;
 }
 
 .rightTools {

package/lib/core/editor/components/Toolbar/widgets/FontColorButton.module.scss

@@ -14,10 +14,10 @@
     font-size: 12px;
     font-family: PingFangSC-Regular, PingFang SC;
     font-weight: 400;
-    color: #4D6277;
+    color: $color-text1-4;
     line-height: 17px;
    }
-   
+
  }
  .backgroundColor{
   width: 100%;
@@ -31,7 +31,7 @@
     color: black;
     font-family: PingFangSC-Regular, PingFang SC;
     font-weight: 400;
-    color: #4D6277;
+    color: $color-text1-4;
     line-height: 17px;
    }
    .backOpacity{
@@ -42,4 +42,4 @@
     flex-direction: row;
    }
  }
-}
+}