plusone-admin-ui/src/App.vue

<template>
    <n-config-provider :theme-overrides="themeOverrides">
        <router-view />
    </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>