chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed close button color in light mode on dismissable banners

Browse source
This commit is contained in:
Niléane 2023-11-25 13:07:22 +01:00
commit 1d60a7c8a5
No known key found for this signature in database
3 changed files with 27 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

11
TangerineUI-cherry.css
View file

@ -3277,10 +3277,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
margin-top: 10px; margin-top: 10px;
margin-bottom: 8px; margin-bottom: 8px;
} }
.app-body .dismissable-banner__message { .app-body .dismissable-banner__message,
color: var(--color-content-fg); .app-body .dismissable-banner .dismissable-banner__action .icon-button {
color: var(--color-accent-fg);
font-weight: normal; font-weight: normal;
} }
.app-body .dismissable-banner .dismissable-banner__action .icon-button:hover {
color: var(--color-accent);
}
.app-body .dismissable-banner__message__actions__wrapper { .app-body .dismissable-banner__message__actions__wrapper {
flex-flow: row-reverse; flex-flow: row-reverse;
} }
@ -3293,6 +3297,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__action .icon-button { .app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__action .icon-button {
color: var(--color-accent); color: var(--color-accent);
} }
.app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__message {
color: var(--color-content-fg);
}
.app-body .dismissable-banner__background-image { .app-body .dismissable-banner__background-image {
display: none; display: none;
} }

11
TangerineUI-purple.css
View file

@ -3277,10 +3277,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
margin-top: 10px; margin-top: 10px;
margin-bottom: 8px; margin-bottom: 8px;
} }
.app-body .dismissable-banner__message { .app-body .dismissable-banner__message,
color: var(--color-content-fg); .app-body .dismissable-banner .dismissable-banner__action .icon-button {
color: var(--color-accent-fg);
font-weight: normal; font-weight: normal;
} }
.app-body .dismissable-banner .dismissable-banner__action .icon-button:hover {
color: var(--color-accent);
}
.app-body .dismissable-banner__message__actions__wrapper { .app-body .dismissable-banner__message__actions__wrapper {
flex-flow: row-reverse; flex-flow: row-reverse;
} }
@ -3293,6 +3297,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__action .icon-button { .app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__action .icon-button {
color: var(--color-accent); color: var(--color-accent);
} }
.app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__message {
color: var(--color-content-fg);
}
.app-body .dismissable-banner__background-image { .app-body .dismissable-banner__background-image {
display: none; display: none;
} }

11
TangerineUI.css
View file

@ -3277,10 +3277,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
margin-top: 10px; margin-top: 10px;
margin-bottom: 8px; margin-bottom: 8px;
} }
.app-body .dismissable-banner__message { .app-body .dismissable-banner__message,
color: var(--color-content-fg); .app-body .dismissable-banner .dismissable-banner__action .icon-button {
color: var(--color-accent-fg);
font-weight: normal; font-weight: normal;
} }
.app-body .dismissable-banner .dismissable-banner__action .icon-button:hover {
color: var(--color-accent);
}
.app-body .dismissable-banner__message__actions__wrapper { .app-body .dismissable-banner__message__actions__wrapper {
flex-flow: row-reverse; flex-flow: row-reverse;
} }
@ -3293,6 +3297,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__action .icon-button { .app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__action .icon-button {
color: var(--color-accent); color: var(--color-accent);
} }
.app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__message {
color: var(--color-content-fg);
}
.app-body .dismissable-banner__background-image { .app-body .dismissable-banner__background-image {
display: none; display: none;
} }