feat: centralize frontend Vuetify styling

2026-05-08 13:45:42 -04:00
parent e81c9f42c9
commit 1ca6ab7117
54 changed files with 1461 additions and 1304 deletions
--- a/frontend/src/plugins/vuetify.js
+++ b/frontend/src/plugins/vuetify.js
@@ -0,0 +1,47 @@
+import { createVuetify } from 'vuetify';
+import { aliases, mdi } from 'vuetify/iconsets/mdi-svg';
+import * as components from 'vuetify/components';
+import * as directives from 'vuetify/directives';
+import { socializeTheme } from '@/plugins/theme.js';
+
+export function createSocializeVuetify() {
+    return createVuetify({
+        components,
+        directives,
+        defaults: {
+            VBtn: {
+                rounded: 'lg',
+                style: 'letter-spacing: 0; text-transform: none;',
+            },
+            VCard: {
+                rounded: 'lg',
+            },
+            VTextField: {
+                color: 'primary',
+                density: 'comfortable',
+                variant: 'outlined',
+            },
+            VTextarea: {
+                color: 'primary',
+                density: 'comfortable',
+                variant: 'outlined',
+            },
+            VSelect: {
+                color: 'primary',
+                density: 'comfortable',
+                variant: 'outlined',
+            },
+        },
+        icons: {
+            defaultSet: 'mdi',
+            aliases,
+            sets: { mdi },
+        },
+        theme: {
+            defaultTheme: 'socializeLight',
+            themes: {
+                socializeLight: socializeTheme,
+            },
+        },
+    });
+}