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