feat: draft
This commit is contained in:
@@ -0,0 +1,36 @@
|
||||
/**
|
||||
* plugins/vuetify.ts
|
||||
*
|
||||
* Framework documentation: https://vuetifyjs.com`
|
||||
*/
|
||||
|
||||
// Composables
|
||||
import { createVuetify, type ThemeDefinition } from 'vuetify'
|
||||
// Styles
|
||||
import '@mdi/font/css/materialdesignicons.css'
|
||||
import 'vuetify/styles'
|
||||
|
||||
const HPTheme: ThemeDefinition = {
|
||||
dark: false,
|
||||
colors: {
|
||||
'background': '#F0F9F6', // 頁面整體淡綠色背景
|
||||
'surface': '#FFFFFF', // 卡片與白底區塊
|
||||
'primary': '#1D7063', // 深松石綠 (主要品牌色)
|
||||
'primary-darken-1': '#145248',
|
||||
'secondary': '#E66926', // 亮橘色 (CTA 按鈕)
|
||||
'secondary-darken-1': '#CC561B',
|
||||
'accent': '#47C2A6', // 薄荷綠 (標籤與強調)
|
||||
'error': '#B00020',
|
||||
'info': '#2196F3',
|
||||
'success': '#4CAF50',
|
||||
'warning': '#FB8C00',
|
||||
},
|
||||
}
|
||||
|
||||
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
|
||||
export default createVuetify({
|
||||
theme: {
|
||||
defaultTheme: 'HPTheme',
|
||||
themes: { HPTheme },
|
||||
},
|
||||
})
|
||||
Reference in New Issue
Block a user