Change theme primary color

jakubmeysner · Feb 3, 2024 · 29162a7 · 29162a7
1 parent 6ccf46f
commit 29162a7
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 8 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,7 +14,7 @@
         "pinia": "^2.0.36",
         "pinia-plugin-persistedstate": "^3.1.0",
         "vue": "^3.3.2",
-        "vuetify": "^3.3.2"
+        "vuetify": "^3.5.2"
     },
     "devDependencies": {
         "@tsconfig/node18": "^2.0.1",

diff --git a/src/plugins/vuetify.ts b/src/plugins/vuetify.ts
@@ -1,9 +1,17 @@
 import "vuetify/styles"
 import { createVuetify } from "vuetify"
 import "@mdi/font/css/materialdesignicons.css"
+import colors from "vuetify/util/colors"
 
 export default createVuetify({
     theme: {
         defaultTheme: "dark",
+        themes: {
+            dark: {
+                colors: {
+                    primary: colors.indigo.accent4,
+                },
+            },
+        },
     },
 })