feat: antd 主题改造 — 启用 cssVar、纯黑白 colorPrimary、统一 sidebar/滚动条/按钮样式

This commit is contained in:
2026-06-05 16:01:54 +08:00
parent db40d04dc5
commit 85abc2a515
10 changed files with 88 additions and 70 deletions

View File

@@ -1,7 +1,7 @@
import type { TableColumnsType, TableProps } from "antd";
import { DeleteOutlined, EditOutlined, InboxOutlined, LoginOutlined, RedoOutlined } from "@ant-design/icons";
import { Button, Popconfirm, Space, Table, Tag } from "antd";
import { Button, Popconfirm, Space, Table, Tag, theme } from "antd";
import { useMemo } from "react";
import { useNavigate } from "react-router";
@@ -40,6 +40,7 @@ export function ProjectTable({
sortOrder,
}: ProjectTableProps) {
const navigate = useNavigate();
const { token: themeToken } = theme.useToken();
const columns = useMemo<TableColumnsType<Project>>(
() => [
@@ -60,7 +61,7 @@ export function ProjectTable({
if (record.status === "archived") {
return <Tag></Tag>;
}
return <Tag color="blue"></Tag>;
return <Tag color={themeToken.colorPrimary}></Tag>;
},
title: "状态",
width: 90,
@@ -137,7 +138,7 @@ export function ProjectTable({
width: 260,
},
],
[navigate, onEdit, onArchive, onRestore, onDelete, sortBy, sortOrder],
[navigate, onEdit, onArchive, onRestore, onDelete, sortBy, sortOrder, themeToken.colorPrimary],
);
const handleTableChange: TableProps<Project>["onChange"] = (pagination, _filters, sorter) => {