From 801e8375c83af3e3361ef7e03980b2dcc99ff1f6 Mon Sep 17 00:00:00 2001
From: zeppi <jessopb@gmail.com>
Date: Sat, 16 Apr 2022 22:14:58 -0400
Subject: [PATCH] fix staked indicator

---
 ui/scss/component/_channel.scss | 19 ++++---------------
 ui/scss/component/_header.scss  |  6 +-----
 ui/scss/themes/dark.scss        |  2 +-
 3 files changed, 6 insertions(+), 21 deletions(-)

diff --git a/ui/scss/component/_channel.scss b/ui/scss/component/_channel.scss
index 604d70f7b..40c16c6c7 100644
--- a/ui/scss/component/_channel.scss
+++ b/ui/scss/component/_channel.scss
@@ -225,7 +225,6 @@ $actions-z-index: 2;
 
   .channel-staked__wrapper {
     height: var(--height-button);
-    background-color: var(--color-card-background);
     margin: auto;
     text-align: center;
     svg {
@@ -462,7 +461,6 @@ $actions-z-index: 2;
       // background: transparent;
       .channel__list-item,
       .channel-staked__wrapper {
-        background-color: var(--color-primary);
         .claim-preview__title {
           color: var(--color-primary-contrast);
         }
@@ -583,23 +581,14 @@ $actions-z-index: 2;
   z-index: 10;
   display: flex;
   position: absolute;
-  //text-align: center;
-  //width: 116%;
-  //left: -8%;
-  //bottom: -14%;
-  //
-  //svg {
-  //  overflow: visible;
-  //  width: 100%;
-  //  height: 100%;
-  //}
   padding: 0.2rem;
   bottom: -0.5rem;
   right: -0.5rem;
-  //background-color: white;
-  background-color: var(--color-card-background);
-  //box-shadow: 0px 0px 8px -3px rgba(255,255,255,1);
   border-radius: 50%;
+
+  svg {
+    fill: var(--color-brand-blue);
+  }
 }
 
 .channel-staked__wrapper--large {
diff --git a/ui/scss/component/_header.scss b/ui/scss/component/_header.scss
index 188926935..55281f844 100644
--- a/ui/scss/component/_header.scss
+++ b/ui/scss/component/_header.scss
@@ -281,10 +281,6 @@
   position: relative;
   font-weight: var(--font-weight-bold);
 
-  svg {
-    stroke: var(--color-text);
-  }
-
   &[aria-expanded='true']:not(.header__navigationItem--profilePic) {
     transform: rotate(0deg);
     &:not(.button-rotate) {
@@ -318,7 +314,7 @@
   background-color: var(--color-header-button);
   border-radius: 1.5rem;
   margin-right: var(--spacing-s);
-
+  color: var(--color-brand-contrast);
   &:hover {
     .icon {
       stroke: var(--color-primary);
diff --git a/ui/scss/themes/dark.scss b/ui/scss/themes/dark.scss
index 1ce22b4b4..f989ee00c 100644
--- a/ui/scss/themes/dark.scss
+++ b/ui/scss/themes/dark.scss
@@ -1,6 +1,6 @@
 [theme='dark'] {
   // Color overrides
-  --color-brand-blue: rgb(49, 135, 148);
+  --color-brand-blue: rgb(54, 173, 186);
   --color-brand: rgb(43, 187, 144);
   --color-brand-contrast: var(--color-white);
   --color-primary: rgb(43, 187, 144);