Capital/plugins/vuetify.ts
LittleSheep ad5aacce9c 🔍 Sitemap!
 Dark mode to protect your eyes
2024-08-10 21:16:36 +08:00

50 lines
1.2 KiB
TypeScript

import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'
import { createVuetify } from 'vuetify'
import { md3 } from "vuetify/blueprints"
import * as components from "vuetify/components"
import * as labsComponents from "vuetify/labs/components"
import * as directives from "vuetify/directives"
export default defineNuxtPlugin((app) => {
const vuetify = createVuetify({
ssr: true,
blueprint: md3,
directives,
components: {
...components,
...labsComponents,
},
theme: {
defaultTheme: "light",
themes: {
light: {
colors: {
primary: "#4a5099",
secondary: "#2196f3",
accent: "#009688",
error: "#f44336",
warning: "#ff9800",
info: "#03a9f4",
success: "#4caf50",
},
},
dark: {
dark: true,
colors: {
primary: "#4a5099",
secondary: "#2196f3",
accent: "#009688",
error: "#f44336",
warning: "#ff9800",
info: "#03a9f4",
success: "#4caf50",
},
},
},
},
})
app.vueApp.use(vuetify)
})