Added dark theme. Fixed actor country aggregation.

pages/scene/+Page.vue

@@ -154,7 +154,7 @@
 			<div class="info">
 				<ul
 					v-if="scene.actors.length > 0"
-					class="actors nolist"
+					class="actors nolist nobar"
 				>
 					<li
 						v-for="actor in scene.actors"
@@ -632,10 +632,15 @@ function copySummary() {
 }
 
 .actors {
-	display: grid;
+	display: flex;
 	flex-grow: 1;
-	grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
 	gap: .25rem;
+	overflow-x: auto;
+
+	.actor {
+		width: 8rem;
+		flex-shrink: 0;
+	}
 }
 
 .tag {
@@ -696,7 +701,7 @@ function copySummary() {
 }
 
 .added-batch {
-	color: var(--shadow-weak-10);
+	color: var(--glass-weak-10);
 	margin-left: .25rem;
 }
 
@@ -713,7 +718,7 @@ function copySummary() {
 	.icon {
 		height: auto;
 		padding: 0 .5rem 0 .75rem;
-		fill: var(--shadow);
+		fill: var(--glass);
 
 		&:hover {
 			cursor: pointer;
@@ -726,13 +731,13 @@ function copySummary() {
 	display: none;
 }
 
-@media(--small) {
+@media(--compact) {
 	.content {
 		margin: 0;
 	}
 
 	.info {
-		margin: 0 .5rem;
+		margin: 0 .75rem;
 	}
 
 	.banner-container {
@@ -756,7 +761,7 @@ function copySummary() {
 
 	.title {
 		width: 100%;
-		margin-left: .5rem;
+		margin-left: 1rem;
 		white-space: wrap;
 	}