Next UI全局设置深色主题及VS 2017深色主题高亮异常问题咨询

Next UI全局深色主题设置 #

如果不需要自定义主题配色，直接在根组件外层的ThemeProvider上指定defaultTheme属性为dark即可全局生效：

import { ThemeProvider } from '@nextui-org/react'

function App() {
  return (
    <ThemeProvider defaultTheme="dark">
      {/* 你的应用所有组件内容 */}
    </ThemeProvider>
  )
}

如果需要自定义深色主题的配色参数，可以先通过createTheme方法创建自定义深色主题再传入：

import { ThemeProvider, createTheme } from '@nextui-org/react'

const customDarkTheme = createTheme({
  type: 'dark',
  theme: {
    // 这里可以自定义颜色、圆角等主题参数
    colors: {
      primary: '#your_custom_color'
    }
  }
})

function App() {
  return (
    <ThemeProvider theme={customDarkTheme}>
      {/* 你的应用所有组件内容 */}
    </ThemeProvider>
  )
}

Visual Studio 2017同类词高亮异常修复 #

该问题是Productivity Power Tools的高亮配色和系统深色主题冲突导致的，按以下步骤调整即可恢复正常：

• 打开VS2017的「工具」→「选项」界面
• 依次展开「环境」→「字体和颜色」
• 在「显示其设置」下拉框选择「文本编辑器」
• 在「显示项」列表找到「匹配的标记」选项
• 分别修改它的「项背景色」和「项前景色」为你需要的蓝底白字配色，保存设置后即可生效

内容的提问来源于stack exchange，提问作者LeulAria