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 {

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);

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);