GoldenPlan-front/src/App.vue

<script setup lang="ts">
import type { GlobalThemeOverrides } from 'naive-ui'
import { zhCN, dateZhCN } from 'naive-ui'

const themeOverrides: GlobalThemeOverrides = {
  common: {
    primaryColor: '#6366f1',
    primaryColorHover: '#818cf8',
    primaryColorPressed: '#4f46e5',
    primaryColorSuppl: '#a5b4fc',
    borderRadius: '10px',
    fontFamily:
      "'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
    boxShadow1: '0 1px 2px rgba(15, 23, 42, 0.05)',
    boxShadow2: '0 4px 16px rgba(15, 23, 42, 0.06)',
    boxShadow3: '0 12px 40px rgba(15, 23, 42, 0.08)',
  },
  Card: {
    borderRadius: '14px',
    paddingMedium: '22px',
  },
  Layout: {
    colorEmbedded: '#f4f5f8',
  },
}
</script>

<template>
  <NConfigProvider
    :locale="zhCN"
    :date-locale="dateZhCN"
    :theme="null"
    :theme-overrides="themeOverrides"
  >
    <NMessageProvider>
      <NDialogProvider>
        <NNotificationProvider>
          <RouterView />
        </NNotificationProvider>
      </NDialogProvider>
    </NMessageProvider>
  </NConfigProvider>
</template>