diff --git a/app/soapbox/containers/soapbox.js b/app/soapbox/containers/soapbox.js
index 7ca447e4c6..be9856722e 100644
Binary files a/app/soapbox/containers/soapbox.js and b/app/soapbox/containers/soapbox.js differ
diff --git a/app/soapbox/reducers/theme.js b/app/soapbox/reducers/theme.js
index c5c29c60a5..40da32c3a4 100644
Binary files a/app/soapbox/reducers/theme.js and b/app/soapbox/reducers/theme.js differ
diff --git a/app/styles/azure.scss b/app/styles/azure.scss
index 4b6c3c708d..ccf45b00f0 100644
--- a/app/styles/azure.scss
+++ b/app/styles/azure.scss
@@ -8,10 +8,6 @@ $ui-highlight-color: $gab-brand-default;
 $nav-ui-highlight-color: #149dfb;
 $ui-base-lighter-color: #b0c0cf;
 
-// :root {
-//   --brand-color: #0482d8;
-// }
-
 @import 'application';
 @import 'soapbox-light/diff';
 
diff --git a/app/styles/soapbox/components/tabs-bar.scss b/app/styles/soapbox/components/tabs-bar.scss
index a45cf6be4d..3631457a25 100644
--- a/app/styles/soapbox/components/tabs-bar.scss
+++ b/app/styles/soapbox/components/tabs-bar.scss
@@ -120,7 +120,7 @@ $nav-ui-background-color: var(--brand-color) !default;
     height: 34px;
     margin-left: 20px;
     border-radius: 4px;
-    background-color: $nav-ui-highlight-color !important;
+    background-color: var(--nav-ui-highlight-color) !important;
     transition: background-color 0.2s;
     font-weight: bold;
     font-size: 16px;
@@ -205,7 +205,7 @@ $nav-ui-background-color: var(--brand-color) !default;
     display: block;
     width: 100%;
     height: 0;
-    background: $nav-ui-highlight-color;
+    background: var(--nav-ui-highlight-color);
     position: absolute;
     bottom: 0;
     left: 0;