diff --git a/.vscode/settings.json b/.vscode/settings.json
index 4effc67..b51d003 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -2,6 +2,7 @@
     "conventionalCommits.scopes": [
         "#11",
         "13",
+        "#28",
         "#28"
     ]
 }
\ No newline at end of file
diff --git a/PERF banner.css b/PERF banner.css
index a03a42d..05f3751 100644
--- a/PERF banner.css	
+++ b/PERF banner.css	
@@ -2,16 +2,16 @@
 domain("ltg-admin.supplierxm.salsify.com") {
     :root {
         --stripe-size: 100px;
-        --color1: hsl(180, 63%, 30%);
-        --color2: hsl(180, 63%, 36%);
+        --color1: hsl(180, 78%, 35%);
+        --color2: rgba(0, 0, 0, 0.15);
         --duration: 1s;
         --state: running;
     }
 
     .AuthLayoutFooter,
     .Navbar.navbar.Navbar--PPR.bg-inverse {
-        background: repeating-linear-gradient(-45deg, hsla(261, 80%, 59%, 0) 25%, var(--color1) 50%, var(--color1) 75%);
-        background-color: var(--color2);
+        background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, transparent 50%, transparent 75%);
+        background-color: var(--color1);
         background-size: var(--stripe-size) var(--stripe-size);
         animation: alkegrad var(--duration) linear 0s infinite normal var(--state);
         transition: background 200ms linear;
diff --git a/PLLR banner.css b/PLLR banner.css
index cdefe86..63b7cbb 100644
--- a/PLLR banner.css	
+++ b/PLLR banner.css	
@@ -2,15 +2,15 @@
 domain("localstream.alkemics.com") {
     :root {
         --stripe-size: 100px;
-        --color1: hsl(205, 84%, 41%);
-        --color2: hsl(205, 70%, 50%);
+        --color1: hsl(220, 100%, 63%);
+        --color2: rgba(0, 0, 0, 0.15);
         --duration: 1s;
         --state: paused;
     }
 
     .AuthLayoutFooter,
     .Navbar.navbar.Navbar--PPR.bg-inverse {
-        background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%);
+        background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, transparent 50%, transparent 75%);
         background-color: var(--color1);
         background-size: var(--stripe-size) var(--stripe-size);
         animation: alkegrad var(--duration) linear 0s infinite normal var(--state);
diff --git a/PREP banner.css b/PREP banner.css
index 7a80ec7..9c8b1d0 100644
--- a/PREP banner.css	
+++ b/PREP banner.css	
@@ -2,15 +2,15 @@
 domain("ppr-admin.supplierxm.salsify.com/") {
     :root {
         --stripe-size: 100px;
-        --color1: hsla(194, 71%, 30%, 1);
-        --color2: hsla(194, 77%, 35%, 1);
+        --color1: hsl(194, 77%, 35%);
+        --color2: rgba(0, 0, 0, 0.15);
         --duration: 1s;
         --state: paused;
     }
 
     .AuthLayoutFooter,
     .Navbar.navbar.Navbar--PPR.bg-inverse {
-        background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%);
+        background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, transparent 50%, transparent 75%);
         background-color: var(--color1);
         background-size: var(--stripe-size) var(--stripe-size);
         animation: alkegrad var(--duration) linear 0s infinite normal var(--state);