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

src/pages/llmodels/components/deploy-modal.tsx

@@ -167,15 +167,7 @@ const AddModal: FC<AddModalProps> = (props) => {
     <Drawer
       title={
         <div className="flex-between flex-center">
-          <span
-            style={{
-              color: 'var(--ant-color-text)',
-              fontWeight: 'var(--font-weight-medium)',
-              fontSize: 'var(--font-size-middle)'
-            }}
-          >
-            {title}
-          </span>
+          <span>{title}</span>
           <Button type="text" size="small" onClick={handleCancel}>
             <CloseOutlined></CloseOutlined>
           </Button>

src/pages/llmodels/components/table-list.tsx

@@ -585,7 +585,9 @@ const Models: React.FC<ModelsProps> = ({
               { api: `${window.location.origin}/v1` }
             )}
           >
-            {intl.formatMessage({ id: 'models.form.replicas' })}
+            <span style={{ fontWeight: 'var(--font-weight-medium)' }}>
+              {intl.formatMessage({ id: 'models.form.replicas' })}
+            </span>
             <QuestionCircleOutlined className="m-l-5" />
           </Tooltip>
         ),

src/pages/llmodels/components/view-logs-modal.tsx

@@ -107,7 +107,7 @@ const ViewLogsModal: React.FC<ViewModalProps> = (props) => {
       <div className="viewer-wrapper" ref={contentRef}>
         <LogsViewer
           ref={logsViewerRef}
-          diffHeight={93}
+          diffHeight={78}
           url={url}
           tail={tail}
           enableScorllLoad={enableScorllLoad}

src/pages/llmodels/style/catalog-item.less

@@ -43,7 +43,7 @@
 
   .title {
     font-size: var(--font-size-middle);
-    font-weight: var(--font-weight-bold);
+    font-weight: var(--font-weight-500);
     display: flex;
     align-items: center;
     justify-content: flex-start;
@@ -56,8 +56,8 @@
   }
 
   .desc {
-    font-size: var(--font-size-base);
-    color: var(--ant-color-text-secondary);
+    font-size: var(--font-size-small);
+    color: var(--ant-color-text-tertiary);
     width: 100%;
     overflow: hidden;
     margin-bottom: 12px;
@@ -74,6 +74,7 @@
 
   .update-time {
     color: var(--ant-color-text-tertiary);
+    font-size: var(--font-size-small);
     display: flex;
     align-items: center;
     gap: 16px;

src/pages/llmodels/style/data-form.less

@@ -7,7 +7,8 @@
       padding-inline: 5px !important;
       padding-block: 5px !important;
       border-radius: var(--border-radius-base) !important;
-      font-size: var(--font-size-middle) !important;
+      font-size: var(--font-size-large) !important;
+      font-weight: var(--font-weight-bold) !important;
 
       &:hover {
         background-color: var(--color-fill-sider) !important;

src/pages/llmodels/style/hf-model-item.less

@@ -18,11 +18,12 @@
 
   .title {
     font-size: var(--font-size-base);
-    font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-500);
   }
 
   .info {
     color: var(--ant-color-text-tertiary);
+    font-size: var(--font-size-small);
 
     .info-item {
       display: flex;

src/pages/playground/components/dynamic-params.tsx

@@ -3,7 +3,7 @@ import SealSelect from '@/components/seal-form/seal-select';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import _ from 'lodash';
-import {
+import React, {
   forwardRef,
   memo,
   useCallback,
@@ -139,7 +139,7 @@ const ParamsSettings: React.FC<ParamsSettingsProps> = forwardRef(
         <div>
           {
             <>
-              <h3 className="m-b-20 m-l-10 font-size-14 line-24">
+              <h3 className="m-b-20 m-l-10 font-size-14 line-24 font-600">
                 {parametersTitle || (
                   <span>
                     {intl.formatMessage({ id: 'playground.parameters' })}