Colorize logo SVG, get rid of CSS filter shenanigans on homepage

WumboSpasm · WumboSpasm · commit 271b628b693f · 2024-04-15T14:41:38.000-04:00
diff --git a/logo.svg b/logo.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="500" height="500" version="1.1" viewBox="0 0 132.29 132.29" xmlns="http://www.w3.org/2000/svg">
+<svg width="500" height="500" fill="#dd0428" version="1.1" viewBox="0 0 132.29 132.29" xmlns="http://www.w3.org/2000/svg">
  <g transform="translate(0 -164.71)">
   <g transform="matrix(2.1003 0 0 2.1003 -22.549 -28.627)" stroke-width=".47611">
    <path d="m29.651 141.56 42.811-13.193-57.26-33.241 44.531 32.892-27.07 7.9239z"/>
diff --git a/main.css b/main.css
@@ -36,7 +36,7 @@ body {
     padding-right: 1rem !important;
 }
 .navbar-logo img {
-    filter: invert(1);
+    filter: grayscale(1) contrast(10) invert(1);
 }
 .navbar-logo span {
     padding-top: 0.1rem;
@@ -155,9 +155,6 @@ body {
     display: flex;
     gap: 2rem;
 }
-.home-logo {
-    filter: invert(0.5) sepia(1) saturate(10000);
-}
 .home-text {
     margin: 0 auto;
     display: flex;

Original file line number	Diff line number	Diff line change
`@@ -36,7 +36,7 @@ body {`
`36`	`36`	`padding-right: 1rem !important;`
`37`	`37`	`}`
`38`	`38`	`.navbar-logo img {`
`39`		`- filter: invert(1);`
	`39`	`+ filter: grayscale(1) contrast(10) invert(1);`
`40`	`40`	`}`
`41`	`41`	`.navbar-logo span {`
`42`	`42`	`padding-top: 0.1rem;`
`@@ -155,9 +155,6 @@ body {`
`155`	`155`	`display: flex;`
`156`	`156`	`gap: 2rem;`
`157`	`157`	`}`
`158`		`-.home-logo {`
`159`		`- filter: invert(0.5) sepia(1) saturate(10000);`
`160`		`-}`
`161`	`158`	`.home-text {`
`162`	`159`	`margin: 0 auto;`
`163`	`160`	`display: flex;`