Added dark theme. Fixed actor country aggregation.

renderer/app.js

@@ -32,7 +32,7 @@ function createApp(Page, pageProps, pageContext) {
 
 	app.provide('pageContext', pageContext);
 
-	app.use(FloatingVue);
+	app.use(FloatingVue, { container: '#container' });
 	app.use(VueVirtualScroller);
 
 	app.component('Link', Link);

renderer/container.vue

@@ -1,6 +1,8 @@
 <template>
 	<div
+		id="container"
 		class="container"
+		:class="{ [theme]: true }"
 		@click="blur"
 	>
 		<transition name="slide">
@@ -65,6 +67,7 @@ import BottomNavigation from '#/components/footer/navigation.vue';
 
 const pageContext = inject('pageContext');
 const { psa } = pageContext.env;
+const theme = ref(pageContext.env.theme);
 
 const content = ref(null);
 const feedback = ref(null);
@@ -108,6 +111,10 @@ onMounted(() => {
 			easing: 'ease-in-out',
 		});
 	});
+
+	events.on('theme', (newTheme) => {
+		theme.value = newTheme;
+	});
 });
 </script>
 
@@ -159,6 +166,8 @@ onMounted(() => {
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
+	background: var(--background);
+    color: var(--text);
 }
 
 .content {