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-19 13:27:09 +00:00 • committed by github-actions[bot]
commit 3864c95e4f
3 changed files with 84 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1520,11 +1520,15 @@ body.app-body {
.app-body .dropdown-button:hover { .app-body .dropdown-button:hover {
border-color: var(--color-accent); border-color: var(--color-accent);
} }
.app-body .dropdown-button.active { .app-body .dropdown-button.active,
.app-body .column-settings .dropdown-button.active {
border-color: var(--color-accent); border-color: var(--color-accent);
background-color: var(--color-accent); background-color: var(--color-accent);
color: var(--color-accent-fg); color: var(--color-accent-fg);
} }
.app-body .column-settings .dropdown-button {
background-color: var(--color-accent-bg);
}
.app-body .reply-indicator { .app-body .reply-indicator {
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);
@ -3227,6 +3231,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .timeline-hint { .app-body .timeline-hint {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
color: var(--color-content-fg); color: var(--color-content-fg);
border-color: var(--color-lines);
} }
.app-body .timeline-hint a { .app-body .timeline-hint a {
color: var(--color-accent); color: var(--color-accent);
@ -3520,6 +3525,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .column-header__collapsible::-webkit-scrollbar-track { .app-body .column-header__collapsible::-webkit-scrollbar-track {
background-color: transparent; background-color: transparent;
} }
.app-body .column-header__select-row {
border-color: var(--color-lines);
}
.app-body .column-header__select-row__actions button {
background-color: var(--color-accent-bg);
color: var(--color-accent);
border-color: var(--color-accent-bg);
}
.app-body .column-header__select-row__actions button:hover {
border-color: var(--color-accent);
}
.app-body .column-header__select-row__actions button.active {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.app-body:not(.layout-multiple-columns) .column-header__collapsible { .app-body:not(.layout-multiple-columns) .column-header__collapsible {
box-shadow: none; box-shadow: none;
@ -5283,11 +5303,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .filtered-notifications-banner .filtered-notifications-banner__badge, .app-body .filtered-notifications-banner .filtered-notifications-banner__badge,
.app-body .filtered-notifications-banner:is(:active, :focus, :hover) .filtered-notifications-banner__badge, .app-body .filtered-notifications-banner:is(:active, :focus, :hover) .filtered-notifications-banner__badge,
.app-body .notification-request__name .filtered-notifications-banner__badge { .app-body .notification-request__name .filtered-notifications-banner__badge,
.app-body .notification-request .account__avatar__counter {
background-color: var(--color-accent); background-color: var(--color-accent);
color: var(--color-accent-fg); color: var(--color-accent-fg);
border-radius: 50px; border-radius: 50px;
} }
.app-body .notification-request .account__avatar__counter {
width: 19px;
height: 19px;
box-sizing: border-box;
}
.app-body .filtered-notifications-banner__badge__badge { .app-body .filtered-notifications-banner__badge__badge {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
color: var(--color-content-fg); color: var(--color-content-fg);

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

@ -1520,11 +1520,15 @@ body.app-body {
.app-body .dropdown-button:hover { .app-body .dropdown-button:hover {
border-color: var(--color-accent); border-color: var(--color-accent);
} }
.app-body .dropdown-button.active { .app-body .dropdown-button.active,
.app-body .column-settings .dropdown-button.active {
border-color: var(--color-accent); border-color: var(--color-accent);
background-color: var(--color-accent); background-color: var(--color-accent);
color: var(--color-accent-fg); color: var(--color-accent-fg);
} }
.app-body .column-settings .dropdown-button {
background-color: var(--color-accent-bg);
}
.app-body .reply-indicator { .app-body .reply-indicator {
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);
@ -3227,6 +3231,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .timeline-hint { .app-body .timeline-hint {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
color: var(--color-content-fg); color: var(--color-content-fg);
border-color: var(--color-lines);
} }
.app-body .timeline-hint a { .app-body .timeline-hint a {
color: var(--color-accent); color: var(--color-accent);
@ -3520,6 +3525,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .column-header__collapsible::-webkit-scrollbar-track { .app-body .column-header__collapsible::-webkit-scrollbar-track {
background-color: transparent; background-color: transparent;
} }
.app-body .column-header__select-row {
border-color: var(--color-lines);
}
.app-body .column-header__select-row__actions button {
background-color: var(--color-accent-bg);
color: var(--color-accent);
border-color: var(--color-accent-bg);
}
.app-body .column-header__select-row__actions button:hover {
border-color: var(--color-accent);
}
.app-body .column-header__select-row__actions button.active {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.app-body:not(.layout-multiple-columns) .column-header__collapsible { .app-body:not(.layout-multiple-columns) .column-header__collapsible {
box-shadow: none; box-shadow: none;
@ -5283,11 +5303,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .filtered-notifications-banner .filtered-notifications-banner__badge, .app-body .filtered-notifications-banner .filtered-notifications-banner__badge,
.app-body .filtered-notifications-banner:is(:active, :focus, :hover) .filtered-notifications-banner__badge, .app-body .filtered-notifications-banner:is(:active, :focus, :hover) .filtered-notifications-banner__badge,
.app-body .notification-request__name .filtered-notifications-banner__badge { .app-body .notification-request__name .filtered-notifications-banner__badge,
.app-body .notification-request .account__avatar__counter {
background-color: var(--color-accent); background-color: var(--color-accent);
color: var(--color-accent-fg); color: var(--color-accent-fg);
border-radius: 50px; border-radius: 50px;
} }
.app-body .notification-request .account__avatar__counter {
width: 19px;
height: 19px;
box-sizing: border-box;
}
.app-body .filtered-notifications-banner__badge__badge { .app-body .filtered-notifications-banner__badge__badge {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
color: var(--color-content-fg); color: var(--color-content-fg);

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

@ -1520,11 +1520,15 @@ body.app-body {
.app-body .dropdown-button:hover { .app-body .dropdown-button:hover {
border-color: var(--color-accent); border-color: var(--color-accent);
} }
.app-body .dropdown-button.active { .app-body .dropdown-button.active,
.app-body .column-settings .dropdown-button.active {
border-color: var(--color-accent); border-color: var(--color-accent);
background-color: var(--color-accent); background-color: var(--color-accent);
color: var(--color-accent-fg); color: var(--color-accent-fg);
} }
.app-body .column-settings .dropdown-button {
background-color: var(--color-accent-bg);
}
.app-body .reply-indicator { .app-body .reply-indicator {
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);
@ -3227,6 +3231,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .timeline-hint { .app-body .timeline-hint {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
color: var(--color-content-fg); color: var(--color-content-fg);
border-color: var(--color-lines);
} }
.app-body .timeline-hint a { .app-body .timeline-hint a {
color: var(--color-accent); color: var(--color-accent);
@ -3520,6 +3525,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .column-header__collapsible::-webkit-scrollbar-track { .app-body .column-header__collapsible::-webkit-scrollbar-track {
background-color: transparent; background-color: transparent;
} }
.app-body .column-header__select-row {
border-color: var(--color-lines);
}
.app-body .column-header__select-row__actions button {
background-color: var(--color-accent-bg);
color: var(--color-accent);
border-color: var(--color-accent-bg);
}
.app-body .column-header__select-row__actions button:hover {
border-color: var(--color-accent);
}
.app-body .column-header__select-row__actions button.active {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.app-body:not(.layout-multiple-columns) .column-header__collapsible { .app-body:not(.layout-multiple-columns) .column-header__collapsible {
box-shadow: none; box-shadow: none;
@ -5283,11 +5303,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .filtered-notifications-banner .filtered-notifications-banner__badge, .app-body .filtered-notifications-banner .filtered-notifications-banner__badge,
.app-body .filtered-notifications-banner:is(:active, :focus, :hover) .filtered-notifications-banner__badge, .app-body .filtered-notifications-banner:is(:active, :focus, :hover) .filtered-notifications-banner__badge,
.app-body .notification-request__name .filtered-notifications-banner__badge { .app-body .notification-request__name .filtered-notifications-banner__badge,
.app-body .notification-request .account__avatar__counter {
background-color: var(--color-accent); background-color: var(--color-accent);
color: var(--color-accent-fg); color: var(--color-accent-fg);
border-radius: 50px; border-radius: 50px;
} }
.app-body .notification-request .account__avatar__counter {
width: 19px;
height: 19px;
box-sizing: border-box;
}
.app-body .filtered-notifications-banner__badge__badge { .app-body .filtered-notifications-banner__badge__badge {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
color: var(--color-content-fg); color: var(--color-content-fg);