Adjustements to account hover cards
This commit is contained in:
parent
76e974f86b
commit
167e368764
3 changed files with 31 additions and 1 deletions
|
@ -6424,9 +6424,19 @@ a:is(.active,
|
|||
background-color: color-mix(in srgb, var(--color-accent), transparent 82%);
|
||||
color: var(--color-accent);
|
||||
}
|
||||
.app-body .hover-card .button {
|
||||
background-color: var(--color-accent);
|
||||
color: var(--color-accent-fg);
|
||||
line-height: 22px;
|
||||
padding: 10px 18px;
|
||||
}
|
||||
.app-body .button:is(.button-secondary, .button-tertiary):hover {
|
||||
background-color: color-mix(in srgb, var(--color-accent), transparent 70%);
|
||||
}
|
||||
.app-body .button.button--destructive:is(:active, :hover, :focus) {
|
||||
background-color: var(--color-reject);
|
||||
color: var(--color-accent-fg);
|
||||
}
|
||||
.app-body .sign-in-banner .button,
|
||||
.app-body .button:is(.button-secondary, .button-tertiary) {
|
||||
padding: 10px 18px;
|
||||
|
|
|
@ -6424,9 +6424,19 @@ a:is(.active,
|
|||
background-color: color-mix(in srgb, var(--color-accent), transparent 82%);
|
||||
color: var(--color-accent);
|
||||
}
|
||||
.app-body .hover-card .button {
|
||||
background-color: var(--color-accent);
|
||||
color: var(--color-accent-fg);
|
||||
line-height: 22px;
|
||||
padding: 10px 18px;
|
||||
}
|
||||
.app-body .button:is(.button-secondary, .button-tertiary):hover {
|
||||
background-color: color-mix(in srgb, var(--color-accent), transparent 70%);
|
||||
}
|
||||
.app-body .button.button--destructive:is(:active, :hover, :focus) {
|
||||
background-color: var(--color-reject);
|
||||
color: var(--color-accent-fg);
|
||||
}
|
||||
.app-body .sign-in-banner .button,
|
||||
.app-body .button:is(.button-secondary, .button-tertiary) {
|
||||
padding: 10px 18px;
|
||||
|
|
|
@ -4354,7 +4354,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
background-image: var(--icon-globe-accent);
|
||||
}
|
||||
.app-body .hover-card {
|
||||
background-color: var(--color-content-bg);
|
||||
background-color: color-mix(in srgb, var(--color-content-bg), transparent 30%);
|
||||
border-color: var(--color-lines);
|
||||
}
|
||||
|
||||
|
@ -6424,9 +6424,19 @@ a:is(.active,
|
|||
background-color: color-mix(in srgb, var(--color-accent), transparent 82%);
|
||||
color: var(--color-accent);
|
||||
}
|
||||
.app-body .hover-card .button {
|
||||
background-color: var(--color-accent);
|
||||
color: var(--color-accent-fg);
|
||||
line-height: 22px;
|
||||
padding: 10px 18px;
|
||||
}
|
||||
.app-body .button:is(.button-secondary, .button-tertiary):hover {
|
||||
background-color: color-mix(in srgb, var(--color-accent), transparent 70%);
|
||||
}
|
||||
.app-body .button.button--destructive:is(:active, :hover, :focus) {
|
||||
background-color: var(--color-reject);
|
||||
color: var(--color-accent-fg);
|
||||
}
|
||||
.app-body .sign-in-banner .button,
|
||||
.app-body .button:is(.button-secondary, .button-tertiary) {
|
||||
padding: 10px 18px;
|
||||
|
|
Loading…
Reference in a new issue