Update account colors to be more silimar to existing Soapbox color patterns
This commit is contained in:
parent
19e3dc9ed3
commit
39d29f4e25
4 changed files with 6 additions and 5 deletions
|
@ -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 {
|
||||||
|
|
|
@ -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;}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -654,6 +654,7 @@
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
bottom: -1px;
|
bottom: -1px;
|
||||||
|
border-color: transparent transparent var(--foreground-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue