添加颜色标签到顺风如何改变边框

Question

这是基于顺风的片段。

我尝试编辑顺风配置，添加如图所示的颜色部分。

colors: {
  
  primary: {
    50: '#eff6ff',
    100: '#dbeafe',
    200: '#bfdbfe',
    300: '#93c5fd',
    400: '#60a5fa',
    500: '#3b82f6',
    600: '#2563eb',
    700: '#1d4ed8',
    800: '#1e40af',
    900: '#1e3a8a',
  },
  
  secondary: {
    50: '#f8fafc',
    100: '#f1f5f9',
    200: '#e2e8f0',
    300: '#cbd5e1',
    400: '#94a3b8',
    500: '#64748b',
    600: '#475569',
    700: '#334155',
    800: '#1e293b',
    900: '#0f172a',
  },
  
},

刷新页面后，片段变成这样了。

看起来所有边框都改变了，但我并不想改变边框配置。而且与配置中的colors.primary或colors.secondary标签无关，只要在配置中添加colors标签，就会出现wield的外观。

colors: {
   
}

Answer 1

Tailwind 默认情况下不仅将这些颜色应用于前景色/背景色，而且还应用于边框颜色。您可以使用

theme.extend.borderColor

在 Tailwind 配置中显式定义边框颜色。 请参阅文档了解更多详细信息。