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

Fixes to Announcements

Browse source
This commit is contained in:
Niléane 2023-12-11 01:49:15 +01:00
commit 2c6cfa9757
No known key found for this signature in database
3 changed files with 36 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

15
TangerineUI-cherry.css
View file

@ -4487,15 +4487,21 @@ a:is(.active,
} }
.app-body .announcements__item__unread { .app-body .announcements__item__unread {
color: var(--color-accent); color: var(--color-accent);
background-color: var(--color-accent);
} }
.app-body .announcements__pagination, .app-body .announcements__pagination,
.app-body .announcements__pagination .icon-button { .app-body .announcements__pagination .icon-button {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.app-body .announcements__mastodon { .app-body .announcements__pagination > * {
border-radius: 0 0 0 8px; vertical-align: middle;
} }
.app-body .reactions-bar__item { .app-body .reactions-bar__item {
background-color: var(--color-accent-bg);
border-radius: 8px;
padding: 2px 8px;
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
} }
.app-body .reactions-bar__item.active { .app-body .reactions-bar__item.active {
@ -4503,6 +4509,9 @@ a:is(.active,
} }
.app-body .reactions-bar__item__count, .app-body .reactions-bar__item__count,
.app-body .reactions-bar__item__count .animated-number { .app-body .reactions-bar__item__count .animated-number {
color: var(--color-accent);
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) .reactions-bar__item__count .animated-number {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.app-body .reactions-bar__item.active .reactions-bar__item__count .animated-number { .app-body .reactions-bar__item.active .reactions-bar__item__count .animated-number {

15
TangerineUI-purple.css
View file

@ -4486,15 +4486,21 @@ a:is(.active,
} }
.app-body .announcements__item__unread { .app-body .announcements__item__unread {
color: var(--color-accent); color: var(--color-accent);
background-color: var(--color-accent);
} }
.app-body .announcements__pagination, .app-body .announcements__pagination,
.app-body .announcements__pagination .icon-button { .app-body .announcements__pagination .icon-button {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.app-body .announcements__mastodon { .app-body .announcements__pagination > * {
border-radius: 0 0 0 8px; vertical-align: middle;
} }
.app-body .reactions-bar__item { .app-body .reactions-bar__item {
background-color: var(--color-accent-bg);
border-radius: 8px;
padding: 2px 8px;
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
} }
.app-body .reactions-bar__item.active { .app-body .reactions-bar__item.active {
@ -4502,6 +4508,9 @@ a:is(.active,
} }
.app-body .reactions-bar__item__count, .app-body .reactions-bar__item__count,
.app-body .reactions-bar__item__count .animated-number { .app-body .reactions-bar__item__count .animated-number {
color: var(--color-accent);
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) .reactions-bar__item__count .animated-number {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.app-body .reactions-bar__item.active .reactions-bar__item__count .animated-number { .app-body .reactions-bar__item.active .reactions-bar__item__count .animated-number {

15
TangerineUI.css
View file

@ -4486,15 +4486,21 @@ a:is(.active,
} }
.app-body .announcements__item__unread { .app-body .announcements__item__unread {
color: var(--color-accent); color: var(--color-accent);
background-color: var(--color-accent);
} }
.app-body .announcements__pagination, .app-body .announcements__pagination,
.app-body .announcements__pagination .icon-button { .app-body .announcements__pagination .icon-button {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.app-body .announcements__mastodon { .app-body .announcements__pagination > * {
border-radius: 0 0 0 8px; vertical-align: middle;
} }
.app-body .reactions-bar__item { .app-body .reactions-bar__item {
background-color: var(--color-accent-bg);
border-radius: 8px;
padding: 2px 8px;
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
} }
.app-body .reactions-bar__item.active { .app-body .reactions-bar__item.active {
@ -4502,6 +4508,9 @@ a:is(.active,
} }
.app-body .reactions-bar__item__count, .app-body .reactions-bar__item__count,
.app-body .reactions-bar__item__count .animated-number { .app-body .reactions-bar__item__count .animated-number {
color: var(--color-accent);
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) .reactions-bar__item__count .animated-number {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.app-body .reactions-bar__item.active .reactions-bar__item__count .animated-number { .app-body .reactions-bar__item.active .reactions-bar__item__count .animated-number {