使用Vite和Arco Design进行界面设计，并更改默认的主题参数。

代码示例：

1. 安装Arco Design

npm install arco-design --save

2. 在主要的JavaScript文件中引入Arco Design的样式：

import 'arco-design/dist/style';

3. 使用Arco Design组件

import React from 'react';
import { Button } from 'arco-design';

function MyComponent() {
  return Click Me;
}

4. 更改默认主题参数

使用Arco Design提供的ThemeProvider组件，可以更改默认的主题参数。ThemeProvider需要一个“主题对象”，这个对象包含了所有需要改变的变量。

import { ThemeProvider } from 'arco-design';

const myTheme = {
  colors: {
    primary: '#0078FF',
  },
  typography: {
    fontFamily: 'Arial',
  },
};

function MyApp() {
  return (
    
      
    
  );
}

这里将主题对象的colors属性中的primary颜色改为了蓝色，并将字体更改为Arial。

注意：更改主题参数可能会破坏组件的样式。因此，在更改主题参数时，需要测试每个组件以确保其样式仍然如预期一样。