728x90
📌 Vuetify Theme 변경하기 (라이트/다크 모드)
라이트(Light) 버전
다크(Dark) 버전
설정바꾸기
src - plugins - vuetify.js 에서 createVuetify theme 변경하기
라이트(Light)
import "@mdi/font/css/materialdesignicons.css";
import "vuetify/styles";
// Composables
import { createVuetify } from "vuetify";
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
export default createVuetify({
theme: {
defaultTheme: "light",
},
});
다크(Dark)
import "@mdi/font/css/materialdesignicons.css";
import "vuetify/styles";
// Composables
import { createVuetify } from "vuetify";
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
export default createVuetify({
theme: {
defaultTheme: "dark",
},
});
728x90
'LANGUAGE > Vue.js' 카테고리의 다른 글
[Error] vue : 이 시스템에서 스크립트를 실행할 수 없으므로 ~ / 스크립트 실행 에러 발생 해결 (0) | 2024.03.28 |
---|---|
[Vue 3] defineProps() 와 defineEmits() 비교하기 (0) | 2024.03.28 |