Updated LTG banner with a smooth purple strip

LTG banner.css

@@ -1,16 +1,29 @@
-@-moz-document domain("ltg-stream.alkemics.com"), domain("ltg-admin.alkemics.com") {
-    .Navbar.bg-inverse,
-    .Navbar {
-        background-color: #6c3ac8 !important;
-        color: white;
+@-moz-document domain("ltg-stream.alkemics.com"),
+domain("ltg-admin.alkemics.com") {
+     :root {
+        --stripe-size: 100px;
+        --color1: #752cf9;
+        --color2: #6723e4;
+        --duration: 30s;
     }
-    
-    .Navbar .active {
-      color:white !important;
-      font-weight: bold !important;                                      
+    .Navbar::before {
+        z-index: -10;
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: calc(100% + var(--stripe-size));
+        height: 100%;
+        background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%);
+        background-size: var(--stripe-size) var(--stripe-size);
+        animation: stripeTransform var(--duration) linear infinite;
     }
-    
-    .Navbar__menu>li.nav-item a.nav-link.active:after {
-      background: white;                                      
+    @keyframes stripeTransform {
+        0% {
+            transform: translateX(0);
+        }
+        100% {
+            transform: translateX(calc(var(--stripe-size) * -1));
+        }
     }
 }