package upgrade

src/plugins/vuetify.js

@@ -16,7 +16,7 @@ import {
     darken1,
     darkMiddleShadeIndex,
     light,
-    lightMiddleShadeIndex, numShades,
+    lightMiddleShadeIndex, numShades, pageShade,
     printContrast
 } from "../../theme.js";
 
@@ -29,12 +29,12 @@ function makeColors(isLight) {
     function darken(cols,shades) {return cols[base+(isLight?-shades:shades)]}
     // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
     return {
-        background: k[0],
-        surface: k[0],
-        'surface-bright': k[0],
-        'surface-light': k[2],
+        background: k[pageShade],
+        surface: k[pageShade],
+        'surface-bright': k[pageShade],
+        'surface-light': k[pageShade+2],
         'surface-variant': k[14],
-        'on-surface-variant': k[2],
+        'on-surface-variant': k[pageShade+2],
         primary: c.greens[base],
         'primary-darken-1': darken(c.greens, darken1),
         secondary: c.blues[base],

src/router/index.js

@@ -9,12 +9,12 @@ const routes = [
       {
         name: 'Home',
         path: '/home',
-        component: () => import(/* webpackChunkName: "home" */ '@/corp/Home.vue'),
+        component: () => import('@/corp/Home.vue'),
       },
       {
         name: 'HowItWorks',
         path: '/home/how-it-works',
-        component: () => import(/* webpackChunkName: "howitworks" */ '@/corp/HowItWorks.vue'),
+        component: () => import('@/corp/HowItWorks.vue'),
       },
     ]
   },
@@ -28,8 +28,7 @@ const routes = [
         // route level code-splitting
         // this generates a separate chunk (about.[hash].js) for this route
         // which is lazy-loaded when the route is visited.
-        // component: () => import(/* webpackChunkName: "chartorder" */ '@/components/chart/ChartPlaceOrder.vue'),
-        component: () => import(/* webpackChunkName: "vaultview" */ '@/components/chart/ChartVault.vue'),
+        component: () => import('@/components/chart/ChartVault.vue'),
       },
       {
         name: 'Order',
@@ -37,7 +36,7 @@ const routes = [
         // route level code-splitting
         // this generates a separate chunk (about.[hash].js) for this route
         // which is lazy-loaded when the route is visited.
-        component: () => import(/* webpackChunkName: "chartorder" */ '@/components/chart/ChartPlaceOrder.vue'),
+        component: () => import('@/components/chart/ChartPlaceOrder.vue'),
       },
       {
         name: 'Assets',
@@ -45,7 +44,7 @@ const routes = [
         // route level code-splitting
         // this generates a separate chunk (about.[hash].js) for this route
         // which is lazy-loaded when the route is visited.
-        component: () => import(/* webpackChunkName: "vaultview" */ '@/components/chart/ChartVault.vue'),
+        component: () => import('@/components/chart/ChartVault.vue'),
       },
       {
         name: 'Status',
@@ -53,38 +52,8 @@ const routes = [
         // route level code-splitting
         // this generates a separate chunk (about.[hash].js) for this route
         // which is lazy-loaded when the route is visited.
-        component: () => import(/* webpackChunkName: "ordersview" */ '@/components/chart/ChartStatus.vue'),
+        component: () => import('@/components/chart/ChartStatus.vue'),
       },
-/*
-      {
-        name: 'Create',
-        path: '/order',
-        component: () => import(/!* webpackChunkName: "chartorder" *!/ '@/components/chart/ChartPlaceOrder.vue'),
-      },
-      {
-        name: 'TWAP',
-        path: '/twap',
-        // route level code-splitting
-        // this generates a separate chunk (about.[hash].js) for this route
-        // which is lazy-loaded when the route is visited.
-        component: () => import(/!* webpackChunkName: "twap" *!/ '@/components/TimedOrder.vue'),
-      },
-      {
-        name: 'Ladder',
-        path: '/ladder',
-        component: () => import(/!* webpackChunkName: "ladder" *!/ '@/components/LadderOrder.vue'),
-      },
-      {
-        name: 'Diagonal',
-        path: '/diagonal',
-        component: () => import(/!* webpackChunkName: "diagonal" *!/ '@/components/DiagonalOrder.vue'),
-      },
-      {
-        name: 'Custom',
-        path: '/custom',
-        component: () => import(/!* webpackChunkName: "custom" *!/ '@/components/CustomOrder.vue'),
-      },
-*/
     ],
   },
 ]