fix: use vuetify custom properties

danvincent11 · danvincent11 · commit cdd26a3b533f · 2023-01-10T15:18:23.000+08:00
diff --git a/layouts/error.vue b/layouts/error.vue
@@ -72,7 +72,7 @@ export default class Error extends Vue {
         max-width: 700px;
         h1 {
           font-size: 100px;
-          color: var(--theme-color-primary);
+          color: var(--v-primary-base);
           line-height: 80px;
         }
         h2 {
diff --git a/vuetify.options.js b/vuetify.options.js
@@ -3,6 +3,9 @@ import colors from 'vuetify/es5/util/colors'
 export default {
   theme: {
     dark: false,
+    options: {
+      customProperties: true,
+    },
     themes: {
       light: {
         primary: '#DD1860',

Original file line number	Diff line number	Diff line change
`@@ -72,7 +72,7 @@ export default class Error extends Vue {`
`72`	`72`	`max-width: 700px;`
`73`	`73`	`h1 {`
`74`	`74`	`font-size: 100px;`
`75`		`- color: var(--theme-color-primary);`
	`75`	`+ color: var(--v-primary-base);`
`76`	`76`	`line-height: 80px;`
`77`	`77`	`}`
`78`	`78`	`h2 {`