From 0f68a58d4306a9b84b0dab9eb6f00bb92adea6bb Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 4 Jul 2022 17:23:16 +0530
Subject: [PATCH] feat:  setup default light theme color

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui-v2/plugins/vuetify.ts | 48 +++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)

diff --git a/packages/nc-gui-v2/plugins/vuetify.ts b/packages/nc-gui-v2/plugins/vuetify.ts
index 1ac62cf00c..9c7ebcd5a2 100644
--- a/packages/nc-gui-v2/plugins/vuetify.ts
+++ b/packages/nc-gui-v2/plugins/vuetify.ts
@@ -1,12 +1,60 @@
+import type { ThemeDefinition } from 'vuetify'
 import { createVuetify } from 'vuetify'
 import { defineNuxtPlugin } from 'nuxt/app'
 
+// todo: exclude unused components
 // Import everything
 import * as components from 'vuetify/components'
 
+const ncLightTheme: ThemeDefinition = {
+  dark: false,
+  colors: {
+    'background': '#FFFFFF',
+    'surface': '#FFFFFF',
+    'primary': '#1348ba',
+    'secondary': '#03DAC6',
+    'secondary-darken-1': '#018786',
+    'error': '#B00020',
+    'info': '#2196F3',
+    'success': '#4CAF50',
+    'warning': '#FB8C00',
+  },
+}
+
 export default defineNuxtPlugin((nuxtApp) => {
   const vuetify = createVuetify({
     components,
+    theme: {
+      defaultTheme: 'ncLightTheme',
+      themes: {
+        ncLightTheme,
+      },
+    },
+    // theme: {
+
+    // dark: {
+    //   primary: '#0989ff',
+    //   // primary: '#0989ff',
+    //   'x-active': '#e91e63',
+    //   textColor: '#ffffff',
+    //   text: '#ffffff',
+    //   textLight: '#b3b3b3',
+    //   backgroundColor: '#565656',
+    //   backgroundColor1: '#252525',
+    //   backgroundColorDefault: '#1f1f1f'
+    // },
+    // light: {
+    //   'primary': '#1348ba',
+    //   // primary: '#0989ff',
+    //   'x-active': '#e91e63',
+    //   'textColor': '#333333',
+    //   'text': '#333333',
+    //   'textLight': '#929292',
+    //   'backgroundColor': '#f7f7f7',
+    //   'backgroundColor1': '#f7f6f3',
+    //   'backgroundColorDefault': '#ffffff',
+    // },
+    // },
   })
   nuxtApp.vueApp.use(vuetify)
 })