Update account colors to be more silimar to existing Soapbox color patterns

This commit is contained in:
Mary Kate 2020-08-05 13:20:46 -05:00
parent 19e3dc9ed3
commit 39d29f4e25
4 changed files with 6 additions and 5 deletions

View file

@ -13,7 +13,7 @@
&:active, &:active,
&:focus { &:focus {
.card__bar { .card__bar {
background: var(--brand-color--med); background: var(--foreground-color);
} }
} }
} }
@ -584,7 +584,7 @@ a .account__avatar {
} }
.account__section-headline { .account__section-headline {
background: var(--accent-color--faint); background: var(--foreground-color);
button, button,
a { a {

View file

@ -19,7 +19,7 @@
overflow: hidden; overflow: hidden;
height: 350px; height: 350px;
position: relative; position: relative;
background: var(--accent-color--med); background: var(--accent-color--faint);
@media screen and (max-width: 895px) {height: 225px;} @media screen and (max-width: 895px) {height: 225px;}
&--none {height: 125px;} &--none {height: 125px;}
@ -58,7 +58,7 @@
min-height: 74px; min-height: 74px;
width: 100%; width: 100%;
position: relative; position: relative;
background: var(--accent-color--med); background: var(--background-color);
@media (min-width: 895px) {height: 74px;} @media (min-width: 895px) {height: 74px;}
} }

View file

@ -205,7 +205,7 @@
} }
.column-back-button { .column-back-button {
background: var(--accent-color--med); background: var(--accent-color--faint);
color: var(--highlight-text-color); color: var(--highlight-text-color);
cursor: pointer; cursor: pointer;
flex: 0 0 auto; flex: 0 0 auto;

View file

@ -654,6 +654,7 @@
&::after { &::after {
bottom: -1px; bottom: -1px;
border-color: transparent transparent var(--foreground-color);
} }
} }
} }