diff --git a/apps/frontend/src/components/ui/charts/ChartDisplay.vue b/apps/frontend/src/components/ui/charts/ChartDisplay.vue
index 5dbb2dbdf..ba1855c96 100644
--- a/apps/frontend/src/components/ui/charts/ChartDisplay.vue
+++ b/apps/frontend/src/components/ui/charts/ChartDisplay.vue
@@ -324,6 +324,7 @@ import dayjs from 'dayjs'
 import { computed } from 'vue'
 
 import { UiChartsChart as Chart, UiChartsCompactChart as CompactChart } from '#components'
+import { useTheme } from '~/composables/nuxt-accessors.ts'
 import {
 	analyticsSetToCSVString,
 	countryCodeToFlag,
diff --git a/apps/frontend/src/utils/analytics.js b/apps/frontend/src/utils/analytics.js
index c516de128..bb409886a 100644
--- a/apps/frontend/src/utils/analytics.js
+++ b/apps/frontend/src/utils/analytics.js
@@ -2,6 +2,8 @@ import { injectI18n, useDebugLogger } from '@modrinth/ui'
 import dayjs from 'dayjs'
 import { computed, ref, watch } from 'vue'
 
+import { useTheme } from '~/composables/nuxt-accessors.ts'
+
 // note: build step can miss unix import for some reason, so
 // we have to import it like this