Add colors to logo

.pre-commit-config.yaml

@@ -22,4 +22,4 @@ repos:
     rev: "v3.0.0-alpha.6"
     hooks:
       - id: prettier
-        types_or: ["css", "javascript"]
+        types_or: ["css", "javascript", "svg"]

nummi/main/static/main/svg/logo-white.svg

@@ -1,22 +0,0 @@
-<svg version="1.1"
-	width="100"
-	height="100"
-	xmlns="http://www.w3.org/2000/svg">
-	
-	<defs>
-		<rect id="basemask" x="5" y="-5" width="90" height="110" />
-		<rect id="line" x="45" y="-10" width="10" height="120" />
-	</defs>
-
-	<mask id="mask">
-		<use href="#basemask" fill="white" />
-		<use href="#line" fill="black" />
-		<use href="#line" transform="translate(20)" fill="black" />
-	</mask>
-
-	<circle cx="50" cy="50" r="50"
-		fill="#ffffff"
-		mask="url(#mask)"
-		transform-origin="center center" transform="rotate(10) scale(.8)" />
-</svg>
-

nummi/main/static/main/svg/logo.svg

@@ -6,6 +6,10 @@
 	<defs>
 		<rect id="basemask" x="5" y="-5" width="90" height="110" />
 		<rect id="line" x="45" y="-10" width="10" height="120" />
+		<linearGradient id="grad" gradientTransform="rotate(90)">
+			<stop offset="5%" stop-color="#66cc66" />
+			<stop offset="95%" stop-color="#cc6699" />
+		</linearGradient>
 	</defs>
 
 	<mask id="mask">
@@ -15,8 +19,8 @@
 	</mask>
 
 	<circle cx="50" cy="50" r="50"
-		fill="#000000"
+		fill="url('#grad')"
-		mask="url(#mask)"
+		mask="url('#mask')"
-		transform-origin="center center" transform="rotate(10) scale(.8)" />
+		transform-origin="center center" transform="rotate(10)" />
 </svg>