blog/src/assets/naive-theme.ts

import { GlobalThemeOverrides } from 'naive-ui'
const themeOverrides: GlobalThemeOverrides = {
  common: {
    primaryColor: '#2791FEFF',
    primaryColorHover: '#67B2FEFF',
    primaryColorPressed: '#1F74CBFF',
    primaryColorSuppl: '#93C8FEFF',
    errorColorHover: '#EC787BFF',
    errorColor: '#E8575AFF',
    errorColorPressed: '#B94548FF',
    errorColorSuppl: '#EE898BFF',
    warningColor: '#FAAD38FF',
    warningColorPressed: '#C88A2CFF',
    textColorBase: '#17233EFF',
    textColor1: 'rgba(80, 90, 110, 1)',
    textColor2: 'rgba(128, 134, 148, 1)',
    textColor3: 'rgba(196, 200, 206, 1)',
    placeholderColor: 'rgba(196, 200, 206, 1)',
    iconColor: 'rgba(196, 200, 206, 1)',
    iconColorHover: 'rgba(103, 178, 254, 1)',
    iconColorPressed: 'rgba(31, 116, 203, 1)',
    iconColorDisabled: 'rgba(196, 200, 206, 1)',
    dividerColor: 'rgba(220, 222, 226, 1)',
    borderColor: 'rgba(196, 200, 206, 1)',
    closeIconColor: 'rgba(80, 90, 110, 1)',
    closeIconColorHover: 'rgba(103, 178, 254, 1)',
    closeIconColorPressed: 'rgba(31, 116, 203, 1)',
    closeColorHover: 'rgba(0, 0, 0, 0.1)',
    closeColorPressed: 'rgba(0, 0, 0, 0.15)',
    scrollbarColor: 'rgba(126, 133, 160, 1)',
    scrollbarColorHover: 'rgba(103, 178, 254, 1)',
    tagColor: '#F5F5F5FF',
    inputColorDisabled: 'rgba(233, 234, 236, 1)',
    fontSize: '14px',
    fontSizeMini: '12px',
    fontSizeTiny: '12px',
    fontSizeSmall: '14px',
    fontSizeMedium: '14px',
    fontSizeLarge: '15px',
    fontSizeHuge: '16px'
  },
  Icon: {
    color: 'white'
  }
}
export default themeOverrides