From 4ac7663d3cdc3e4ea67cb59375aeb38aa63b5705 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 30 May 2020 22:06:33 -0500
Subject: [PATCH] --nav-ui-highlight-color -> --accent-color

---
 app/soapbox/reducers/theme.js               | 2 +-
 app/styles/soapbox/components/tabs-bar.scss | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/soapbox/reducers/theme.js b/app/soapbox/reducers/theme.js
index 2d495407c..f27de4fd5 100644
--- a/app/soapbox/reducers/theme.js
+++ b/app/soapbox/reducers/theme.js
@@ -14,7 +14,7 @@ const cssrgba = (color, a) => {
 const populate = themeData => {
   const { 'brand-color': brandColor } = themeData.toObject();
   return ImmutableMap({
-    'nav-ui-highlight-color': brightness(10, hue(-3, brandColor).hex).hex,
+    'accent-color': brightness(10, hue(-3, brandColor).hex).hex,
     'brand-color-faint': cssrgba(brandColor, 0.1),
     'highlight-text-color': brandColor,
   }).merge(themeData);
diff --git a/app/styles/soapbox/components/tabs-bar.scss b/app/styles/soapbox/components/tabs-bar.scss
index 3631457a2..c97c4afca 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: var(--nav-ui-highlight-color) !important;
+    background-color: var(--accent-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: var(--nav-ui-highlight-color);
+    background: var(--accent-color);
     position: absolute;
     bottom: 0;
     left: 0;