Removed unneeded station-theme css variable

frontend/src/pages/Home/index.vue

@@ -62,7 +62,7 @@
 						isPrivate: station.privacy === 'private',
 						isMine: isOwner(station)
 					}"
-					:style="'--station-theme: var(--' + station.theme + ')'"
+					:style="'--primary-color: var(--' + station.theme + ')'"
 				>
 					<div class="card-image">
 						<figure class="image is-square">
@@ -259,7 +259,7 @@
 						isPrivate: station.privacy === 'private',
 						isMine: isOwner(station)
 					}"
-					:style="'--station-theme: var(--' + station.theme + ')'"
+					:style="'--primary-color: var(--' + station.theme + ')'"
 				>
 					<div class="card-image">
 						<figure class="image is-square">
@@ -935,8 +935,6 @@ html {
 	box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
 	transition: all ease-in-out 0.2s;
 
-	--primary-color: var(--station-theme);
-
 	.card-content {
 		padding: 10px 10px 10px 15px;
 		display: flex;

frontend/src/pages/Station/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<div :style="'--station-theme: var(--' + station.theme + ')'">
+	<div :style="'--primary-color: var(--' + station.theme + ')'">
 		<metadata v-if="exists && !loading" :title="`${station.displayName}`" />
 		<metadata v-else-if="!exists && !loading" :title="`Not found`" />
 
@@ -1638,10 +1638,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.main-container {
-	--primary-color: var(--station-theme);
-}
-
 #page-loader-container {
 	height: inherit;