<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: '#6777ef',
        primaryColorHover: 'rgba(103, 119, 239, 0.8)',
        primaryColorPressed: '#515dbc',
        borderRadius: '4px',
    },
    Button: {
        fontSizeLarge: '18px',
    },
    // Select: {
    //     peers: {
    //         InternalSelection: {
    //             textColor: '#FF0000',
    //         },
    //     },
    // },
}
</script>
