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

Copy CSS files to installation folder

Browse source
This commit is contained in:
nileane 2024-08-26 14:44:53 +00:00 • committed by github-actions[bot]
commit 14d63ef3e5
4 changed files with 68 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

25
mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
View file

@ -3518,16 +3518,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
transform: scale(.9); transform: scale(.9);
} }
.app-body .load-gap, .app-body :is(.load-gap, .load-more) {
.app-body .load-more { background-color: var(--color-content-secondary-bg);
background-color: var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);
border-bottom: 0; border-bottom: 0;
} }
.app-body .load-gap:hover, .app-body :is(.load-gap, .load-more):is(:active, :hover) {
.app-body .load-more:hover {
background-color: var(--color-accent-lines); background-color: var(--color-accent-lines);
} }
.app-body :is(.load-gap, .load-more) .icon-ellipsis-h {
background-image: var(--icon-ellipsis-column-link-active-accent);
}
.app-body .column-header__collapsible { .app-body .column-header__collapsible {
background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%); background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
@ -6821,6 +6822,7 @@ a:is(.active,
box-shadow: 0 -20px var(--color-bg); box-shadow: 0 -20px var(--color-bg);
border-left: 1px solid var(--color-lines); border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-lines);
} }
.app-body .announcements__item strong { .app-body .announcements__item strong {
font-weight: 800; font-weight: 800;
@ -6842,10 +6844,14 @@ a:is(.active,
border-radius: 8px; border-radius: 8px;
padding: 2px 8px; padding: 2px 8px;
} }
.app-body .reactions-bar .emoji-picker-dropdown .icon-button {
padding: 3px;
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) { .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,
.app-body .reactions-bar .emoji-picker-dropdown .icon-button.active.inverted {
background-color: var(--color-accent); background-color: var(--color-accent);
} }
.app-body .reactions-bar__item__count, .app-body .reactions-bar__item__count,
@ -6869,8 +6875,11 @@ a:is(.active,
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.app-body .announcements { .app-body .announcements {
box-shadow: none; box-shadow: none;
margin-top: -4px; margin-top: 1px;
border-radius: 0; border-left: 0;
border-right: 0;
margin-inline-start: -45px;
margin-inline-end: -55px;
} }
.app-body .announcements__mastodon { .app-body .announcements__mastodon {
border-radius: 0; border-radius: 0;

25
mastodon/app/javascript/styles/tangerineui-lagoon/tangerineui-lagoon.scss
View file

@ -3518,16 +3518,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
transform: scale(.9); transform: scale(.9);
} }
.app-body .load-gap, .app-body :is(.load-gap, .load-more) {
.app-body .load-more { background-color: var(--color-content-secondary-bg);
background-color: var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);
border-bottom: 0; border-bottom: 0;
} }
.app-body .load-gap:hover, .app-body :is(.load-gap, .load-more):is(:active, :hover) {
.app-body .load-more:hover {
background-color: var(--color-accent-lines); background-color: var(--color-accent-lines);
} }
.app-body :is(.load-gap, .load-more) .icon-ellipsis-h {
background-image: var(--icon-ellipsis-column-link-active-accent);
}
.app-body .column-header__collapsible { .app-body .column-header__collapsible {
background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%); background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
@ -6821,6 +6822,7 @@ a:is(.active,
box-shadow: 0 -20px var(--color-bg); box-shadow: 0 -20px var(--color-bg);
border-left: 1px solid var(--color-lines); border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-lines);
} }
.app-body .announcements__item strong { .app-body .announcements__item strong {
font-weight: 800; font-weight: 800;
@ -6842,10 +6844,14 @@ a:is(.active,
border-radius: 8px; border-radius: 8px;
padding: 2px 8px; padding: 2px 8px;
} }
.app-body .reactions-bar .emoji-picker-dropdown .icon-button {
padding: 3px;
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) { .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,
.app-body .reactions-bar .emoji-picker-dropdown .icon-button.active.inverted {
background-color: var(--color-accent); background-color: var(--color-accent);
} }
.app-body .reactions-bar__item__count, .app-body .reactions-bar__item__count,
@ -6869,8 +6875,11 @@ a:is(.active,
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.app-body .announcements { .app-body .announcements {
box-shadow: none; box-shadow: none;
margin-top: -4px; margin-top: 1px;
border-radius: 0; border-left: 0;
border-right: 0;
margin-inline-start: -45px;
margin-inline-end: -55px;
} }
.app-body .announcements__mastodon { .app-body .announcements__mastodon {
border-radius: 0; border-radius: 0;

25
mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
View file

@ -3518,16 +3518,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
transform: scale(.9); transform: scale(.9);
} }
.app-body .load-gap, .app-body :is(.load-gap, .load-more) {
.app-body .load-more { background-color: var(--color-content-secondary-bg);
background-color: var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);
border-bottom: 0; border-bottom: 0;
} }
.app-body .load-gap:hover, .app-body :is(.load-gap, .load-more):is(:active, :hover) {
.app-body .load-more:hover {
background-color: var(--color-accent-lines); background-color: var(--color-accent-lines);
} }
.app-body :is(.load-gap, .load-more) .icon-ellipsis-h {
background-image: var(--icon-ellipsis-column-link-active-accent);
}
.app-body .column-header__collapsible { .app-body .column-header__collapsible {
background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%); background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
@ -6821,6 +6822,7 @@ a:is(.active,
box-shadow: 0 -20px var(--color-bg); box-shadow: 0 -20px var(--color-bg);
border-left: 1px solid var(--color-lines); border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-lines);
} }
.app-body .announcements__item strong { .app-body .announcements__item strong {
font-weight: 800; font-weight: 800;
@ -6842,10 +6844,14 @@ a:is(.active,
border-radius: 8px; border-radius: 8px;
padding: 2px 8px; padding: 2px 8px;
} }
.app-body .reactions-bar .emoji-picker-dropdown .icon-button {
padding: 3px;
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) { .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,
.app-body .reactions-bar .emoji-picker-dropdown .icon-button.active.inverted {
background-color: var(--color-accent); background-color: var(--color-accent);
} }
.app-body .reactions-bar__item__count, .app-body .reactions-bar__item__count,
@ -6869,8 +6875,11 @@ a:is(.active,
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.app-body .announcements { .app-body .announcements {
box-shadow: none; box-shadow: none;
margin-top: -4px; margin-top: 1px;
border-radius: 0; border-left: 0;
border-right: 0;
margin-inline-start: -45px;
margin-inline-end: -55px;
} }
.app-body .announcements__mastodon { .app-body .announcements__mastodon {
border-radius: 0; border-radius: 0;

25
mastodon/app/javascript/styles/tangerineui/tangerineui.scss
View file

@ -3518,16 +3518,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
transform: scale(.9); transform: scale(.9);
} }
.app-body .load-gap, .app-body :is(.load-gap, .load-more) {
.app-body .load-more { background-color: var(--color-content-secondary-bg);
background-color: var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);
border-bottom: 0; border-bottom: 0;
} }
.app-body .load-gap:hover, .app-body :is(.load-gap, .load-more):is(:active, :hover) {
.app-body .load-more:hover {
background-color: var(--color-accent-lines); background-color: var(--color-accent-lines);
} }
.app-body :is(.load-gap, .load-more) .icon-ellipsis-h {
background-image: var(--icon-ellipsis-column-link-active-accent);
}
.app-body .column-header__collapsible { .app-body .column-header__collapsible {
background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%); background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
@ -6821,6 +6822,7 @@ a:is(.active,
box-shadow: 0 -20px var(--color-bg); box-shadow: 0 -20px var(--color-bg);
border-left: 1px solid var(--color-lines); border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-lines);
} }
.app-body .announcements__item strong { .app-body .announcements__item strong {
font-weight: 800; font-weight: 800;
@ -6842,10 +6844,14 @@ a:is(.active,
border-radius: 8px; border-radius: 8px;
padding: 2px 8px; padding: 2px 8px;
} }
.app-body .reactions-bar .emoji-picker-dropdown .icon-button {
padding: 3px;
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) { .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,
.app-body .reactions-bar .emoji-picker-dropdown .icon-button.active.inverted {
background-color: var(--color-accent); background-color: var(--color-accent);
} }
.app-body .reactions-bar__item__count, .app-body .reactions-bar__item__count,
@ -6869,8 +6875,11 @@ a:is(.active,
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.app-body .announcements { .app-body .announcements {
box-shadow: none; box-shadow: none;
margin-top: -4px; margin-top: 1px;
border-radius: 0; border-left: 0;
border-right: 0;
margin-inline-start: -45px;
margin-inline-end: -55px;
} }
.app-body .announcements__mastodon { .app-body .announcements__mastodon {
border-radius: 0; border-radius: 0;