diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index cca4a36..4ecf6fd 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -12,9 +12,8 @@ router.afterEach((route) => {
 })
 
 const colorMode = useColorMode()
-watch(colorMode, () => {
-  configureGraphs({ darkMode: colorMode.value === 'dark' })
-})
+watch(colorMode, () => configureGraphs({ darkMode: colorMode.value === 'dark' }))
+onMounted(() => configureGraphs({ darkMode: colorMode.value === 'dark' }))
 </script>
 
 <template>