style(frontend): navbar svg filter now matches theme

frontend/src/app.sass

@@ -63,6 +63,7 @@ body
   --color-link: var(--color-font)
   --color-link-hover: var(--color-font)
   --color-lmu-box-border: var(--color-lightwhite)
+  --filter-primary: invert(7%) sepia(83%) saturate(4889%) hue-rotate(241deg) brightness(106%) contrast(169%)
 
   &.theme--lavender
     --color-primary: #584c9c
@@ -72,6 +73,7 @@ body
     --color-darker: #3c2765
     --color-link: var(--color-dark)
     --color-link-hover: var(--color-darker)
+    --filter-primary: invert(28%) sepia(36%) saturate(1286%) hue-rotate(212deg) brightness(97%) contrast(83%)
 
   &.theme--neutral-blue
     --color-primary: #3E606F
@@ -79,6 +81,7 @@ body
     --color-lighter: rgb(145, 159, 170)
     --color-dark: rgb(42, 74, 88)
     --color-darker: #193441
+    --filter-primary: invert(35%) sepia(8%) saturate(2168%) hue-rotate(153deg) brightness(88%) contrast(80%)
 
   &.theme--aberdeen-reds
     --color-primary: #820333
@@ -86,6 +89,7 @@ body
     --color-lighter: #F0433A
     --color-dark: #540032
     --color-darker: #2E112D
+    --filter-primary: invert(12%) sepia(38%) saturate(6051%) hue-rotate(322deg) brightness(91%) contrast(110%)
 
   &.theme--moss-green
     --color-primary: #5C996B
@@ -93,6 +97,7 @@ body
     --color-lighter: #99FFB2
     --color-dark: #3D6647
     --color-darker: #1F3324
+    --filter-primary: invert(57%) sepia(19%) saturate(788%) hue-rotate(82deg) brightness(92%) contrast(87%)
 
   &.theme--sky-love
     --color-primary: #87ABE5
@@ -102,6 +107,7 @@ body
     --color-darker: #6B7BC9
     --color-link: var(--color-lightblack)
     --color-link-hover: var(--color-darker)
+    --filter-primary: invert(55%) sepia(47%) saturate(394%) hue-rotate(180deg) brightness(115%) contrast(80%)
 
 // END THEMES
 

frontend/src/utils/navbar/navbar.sass

@@ -260,7 +260,7 @@
 
     .navbar__link-icon
       .white-ico
-        filter: none
+        filter: var(--filter-primary)
 
 
 .navbar__list-item--active .navbar__link-wrapper