Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
} else {
// by now on client side, we should be able to access apolloProvider
const apolloClient = app.apolloProvider!.defaultClient;
const { theme } = (await apolloClient.cache.readQuery({
query: THEME,
})) as Query;
dark = theme.variant === 'DARK';
}
// eslint-disable-next-line require-atomic-updates
app.vuetify = new Vuetify({
theme: {
dark,
themes: {
light: {
primary: colors.deepPurple.base,
accent: colors.deepPurple.base,
error: colors.red.base,
},
dark: {
primary: colors.grey.darken3,
accent: colors.orange.base,
error: colors.red.base,
},
},
},
});
}
// by now on client side, we should be able to access apolloProvider
const apolloClient = app.apolloProvider!.defaultClient;
const { theme } = (await apolloClient.cache.readQuery({
query: THEME,
})) as Query;
dark = theme.variant === 'DARK';
}
// eslint-disable-next-line require-atomic-updates
app.vuetify = new Vuetify({
theme: {
dark,
themes: {
light: {
primary: colors.deepPurple.base,
accent: colors.deepPurple.base,
error: colors.red.base,
},
dark: {
primary: colors.grey.darken3,
accent: colors.orange.base,
error: colors.red.base,
},
},
},
});
}
darken1: material.grey.lighten2,
lighten2: material.grey.lighten3,
lighten1: material.grey.lighten2,
}
const black = {
darken1: material.grey.darken2,
lighten2: material.grey.darken2,
lighten1: material.grey.darken3,
}
const scale = [
material.red,
material.pink,
material.purple,
material.deepPurple,
material.indigo,
material.blue,
material.lightBlue,
material.cyan,
material.teal,
material.green,
material.lightGreen,
material.lime,
material.yellow,
material.amber,
material.orange,
material.deepOrange,
white,
black
]