style: set theme token

src/pages/dashboard/components/active-table.tsx

@@ -73,7 +73,12 @@ const ActiveTable = () => {
         <PageTools
           style={{ margin: '26px 0px' }}
           left={
-            <span style={{ padding: '9px 0' }}>
+            <span
+              style={{
+                padding: '9px 0',
+                fontWeight: 'var(--font-weight-bold)'
+              }}
+            >
               {intl.formatMessage({ id: 'dashboard.activeModels' })}
             </span>
           }

src/pages/dashboard/components/over-view.less

@@ -23,4 +23,8 @@
   justify-content: space-between;
   align-items: center;
   font-size: 14px;
+
+  .label {
+    font-weight: var(--font-weight-medium);
+  }
 }

src/pages/dashboard/components/over-view.tsx

@@ -20,8 +20,8 @@ const renderCardItem = (data: {
       className={styles['card-body']}
     >
       <div className={styles.content}>
-        <div className="label">{label}</div>
-        <div className="value">{value}</div>
+        <div className="label font-500">{label}</div>
+        <div className="value font-500">{value}</div>
       </div>
     </Card>
   );

src/pages/dashboard/components/system-load.tsx

@@ -65,7 +65,9 @@ const SystemLoad = () => {
         <PageTools
           style={{ margin: '26px 0px' }}
           left={
-            <span>{intl.formatMessage({ id: 'dashboard.systemload' })}</span>
+            <span className="font-700">
+              {intl.formatMessage({ id: 'dashboard.systemload' })}
+            </span>
           }
         />
         <Row style={{ width: '100%' }} gutter={[0, 20]}>

src/pages/dashboard/components/usage-inner/index.tsx

@@ -4,7 +4,7 @@ import { useIntl } from '@umijs/max';
 import { Col, Row } from 'antd';
 import dayjs from 'dayjs';
 import _ from 'lodash';
-import { memo, useCallback, useContext, useEffect, useState } from 'react';
+import { FC, memo, useCallback, useContext, useEffect, useState } from 'react';
 import { DashboardContext } from '../../config/dashboard-context';
 import RequestTokenInner from './request-token-inner';
 import TopUser from './top-user';
@@ -31,7 +31,7 @@ const getCurrentMonthDays = () => {
   return dates;
 };
 
-const UsageInner: React.FC<{ paddingRight: string }> = ({ paddingRight }) => {
+const UsageInner: FC<{ paddingRight: string }> = ({ paddingRight }) => {
   const intl = useIntl();
 
   const [topUserData, setTopUserData] = useState<{
@@ -191,7 +191,11 @@ const UsageInner: React.FC<{ paddingRight: string }> = ({ paddingRight }) => {
     <>
       <PageTools
         style={{ margin: '26px 0px' }}
-        left={<span>{intl.formatMessage({ id: 'dashboard.usage' })}</span>}
+        left={
+          <span className="font-700">
+            {intl.formatMessage({ id: 'dashboard.usage' })}
+          </span>
+        }
       />
       <Row style={{ width: '100%' }} gutter={[0, 20]}>
         <Col