[Quasar,Vue] App Theme 변경하기

개요

App의 성격을 나타내는 테마 색상을 변경하고자 합니다.

절차

Quasar는 Theme Builder 도구를 제공합니다.

// quasar.config.js

return {
  framework: {
    config: {
      brand: {
        primary: '#1976d2',
        secondary: '#26A69A',
        accent: '#9C27B0',

        dark: '#1d1d1d',
        'dark-page': '#121212',

        positive: '#21BA45',
        negative: '#C10015',
        info: '#31CCEC',
        warning: '#F2C037'
      }
    }
  }
}

결과물을 안내에 따라 quasar.config.js 파일에 붙여 넣도록 합니다.