Fix logo size and darkmode

themes/theme/templates/base.html

@@ -19,7 +19,7 @@
 		<div class="container">
 			<div class="logo">
 				<a href="/" aria-label="Return home">
-					<svg width="95.5mm" height="16.117mm" version="1.1" viewBox="0 0 95.5 16.117" xmlns="http://www.w3.org/2000/svg">
+					<svg version="1.1" viewBox="0 0 95.5 16.117" xmlns="http://www.w3.org/2000/svg">
 						<g transform="translate(-54.981 -31.784)">
 						<text transform="scale(.26458)" fill="#000000" font-family="Comfortaa" font-size="40px" style="line-height:1.25;shape-inside:url(#rect285);white-space:pre" xml:space="preserve"/>
 						<g transform="translate(12.422 17.444)" stroke-width=".26458" aria-label="SOLARPUNK CITY">
@@ -61,7 +61,7 @@
 		</div>
 
 		<p class="footer">
-			© 2012–2022 Solarpunk City
+			© Solarpunk City
 		</p>
 	</body>
 </html>

themes/theme/templates/style.css

@@ -49,8 +49,10 @@
 			}
 
 			.logo {
-				width: 10rem;
+				max-width: 100%;
+				width: 30rem;
 				height: auto;
+				margin: 0 auto;
 			}
 
 			.container .logo a {
@@ -179,6 +181,11 @@
 					color: #fff;
 				}
 
+				.logo {
+					-webkit-filter: invert(100%); /* safari 6.0 - 9.0 */
+					filter: invert(100%);
+				}
+
 				a {
 					color: #fff;
 					border-bottom: 1px solid #fff;