Cursor 主题配置

Cursor 是一个注重性能和开发者体验的现代化 IDE。我们的主题基于 shadcn/ui 组件库，并根据品牌特性进行了定制。

颜色系统

我们使用以下颜色作为主要的设计语言：

const colors = {
  primary: {
    DEFAULT: "#2563eb",
    foreground: "#ffffff",
  },
  secondary: {
    DEFAULT: "#6b7280",
    foreground: "#ffffff",
  },
  // ... other colors
};

组件样式

按钮

我们的按钮组件使用以下自定义样式：

const Button = {
  baseStyle: {
    fontWeight: "medium",
    borderRadius: "md",
  },
  variants: {
    solid: {
      bg: "primary",
      color: "white",
    },
    outline: {
      border: "1px solid",
      borderColor: "primary",
    },
  },
};

使用方法

  1. 在你的项目中安装必要的依赖
  2. 配置 tailwind.config.js
  3. 创建全局样式文件
  4. 应用主题

更多细节请参考我们的设计规范文档。