From 39d29f4e25c5f1da7821ea1e0ed86568ca7f9944 Mon Sep 17 00:00:00 2001
From: Mary Kate <mk@marykatefain.com>
Date: Wed, 5 Aug 2020 13:20:46 -0500
Subject: [PATCH] Update account colors to be more silimar to existing Soapbox
 color patterns

---
 app/styles/accounts.scss                  | 4 ++--
 app/styles/components/account-header.scss | 4 ++--
 app/styles/components/columns.scss        | 2 +-
 app/styles/ui.scss                        | 1 +
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/styles/accounts.scss b/app/styles/accounts.scss
index b25f0d477..cd0364ea9 100644
--- a/app/styles/accounts.scss
+++ b/app/styles/accounts.scss
@@ -13,7 +13,7 @@
     &:active,
     &:focus {
       .card__bar {
-        background: var(--brand-color--med);
+        background: var(--foreground-color);
       }
     }
   }
@@ -584,7 +584,7 @@ a .account__avatar {
 }
 
 .account__section-headline {
-  background: var(--accent-color--faint);
+  background: var(--foreground-color);
 
   button,
   a {
diff --git a/app/styles/components/account-header.scss b/app/styles/components/account-header.scss
index bfd61aa8c..930a1fd3f 100644
--- a/app/styles/components/account-header.scss
+++ b/app/styles/components/account-header.scss
@@ -19,7 +19,7 @@
     overflow: hidden;
     height: 350px;
     position: relative;
-    background: var(--accent-color--med);
+    background: var(--accent-color--faint);
     @media screen and (max-width: 895px) {height: 225px;}
     &--none {height: 125px;}
 
@@ -58,7 +58,7 @@
     min-height: 74px;
     width: 100%;
     position: relative;
-    background: var(--accent-color--med);
+    background: var(--background-color);
     @media (min-width: 895px) {height: 74px;}
   }
 
diff --git a/app/styles/components/columns.scss b/app/styles/components/columns.scss
index 1410831db..d8034e497 100644
--- a/app/styles/components/columns.scss
+++ b/app/styles/components/columns.scss
@@ -205,7 +205,7 @@
 }
 
 .column-back-button {
-  background: var(--accent-color--med);
+  background: var(--accent-color--faint);
   color: var(--highlight-text-color);
   cursor: pointer;
   flex: 0 0 auto;
diff --git a/app/styles/ui.scss b/app/styles/ui.scss
index 7eab8edb9..a0ad254bf 100644
--- a/app/styles/ui.scss
+++ b/app/styles/ui.scss
@@ -654,6 +654,7 @@
 
       &::after {
         bottom: -1px;
+        border-color: transparent transparent var(--foreground-color);
       }
     }
   }