<template>
    <n-config-provider :theme-overrides="themeOverrides">
        <n-message-provider>
            <router-view />
        </n-message-provider>
    </n-config-provider>
</template>

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

const themeOverrides: GlobalThemeOverrides = {
    common: {
        primaryColor: '#42b883',
        borderRadius: '4px',
    },
    // Button: {
    //     textColor: '#FF0000',
    // },
    // Select: {
    //     peers: {
    //         InternalSelection: {
    //             textColor: '#FF0000',
    //         },
    //     },
    // },
}
</script>
