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 2023-11-24 20:49:10 +00:00 • committed by github-actions[bot]
commit 9cc8031af1
3 changed files with 132 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -367,7 +367,9 @@ body.app-body {
.account__relationship .icon-times,
.icon-ellipsis-h,
.icon-ellipsis-v,
.icon-check,
.icon-check:is(.verified__mark, .verified-badge__mark),
.follow-request-banner .button .icon-check,
.account--panel button .icon-check,
.status__action-bar .icon-close,
.detailed-status__action-bar .icon-close,
.account__header__tabs__buttons .icon-close,
@ -416,7 +418,9 @@ body.app-body {
.account__relationship .icon-times,
.icon-ellipsis-h,
.icon-ellipsis-v,
.icon-check,
.icon-check:is(.verified__mark, .verified-badge__mark),
.follow-request-banner .button .icon-check,
.account--panel button .icon-check,
.status__action-bar .icon-close,
.detailed-status__action-bar .icon-close,
.account__header__tabs__buttons .icon-close,
@ -672,7 +676,7 @@ body.app-body {
.app-body .icon-paperclip {
background-image: var(--icon-paperclip);
}
.app-body .icon-check {
.app-body .icon-check:is(.verified__mark, .verified-badge__mark) {
background-image: var(--icon-verified);
}
.app-body .follow-request-banner .button:is(:active, :focus, :hover) .icon-check {
@ -3436,8 +3440,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .column-inline-form {
background-color: var(--color-accent-bg);
border: 1px solid var(--color-accent-lines);
border-radius: 0 0 8px 8px;
margin-bottom: 10px;
}
@media screen and (max-width:1174px) {
.app-body .column-inline-form {
@ -3465,8 +3467,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .item-list .column-subheading {
color: var(--color-fg-muted);
border: 1px solid var(--color-lines);
border-top: 0;
border-bottom: 0;
border-radius: 8px 8px 0 0;
}
.app-body .getting-started .column-subheading {
color: var(--color-fg-muted);
@ -3478,6 +3480,42 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-radius: 0;
}
}
.app-body .list-editor .drawer__inner {
background-color: var(--color-content-bg);
}
.app-body .list-editor__search {
margin: 10px;
}
.app-body .list-editor .column-inline-form {
background-color: var(--color-content-secondary-bg);
border-top: 0;
border-right: 0;
border-left: 0;
border-color: var(--color-lines);
}
.app-body .list-editor .column-inline-form .icon-button {
color: var(--color-accent);
}
.app-body .list-editor .column-inline-form .icon-button.disabled {
opacity: .5;
pointer-events: none;
}
.app-body .list-editor .account {
border-right: 0 !important;
border-left: 0 !important;
}
.app-body .list-editor .setting-text {
width: 100%;
background-color: var(--color-accent-bg);
border: 1px solid var(--color-accent-lines);
border-radius: 8px;
color: var(--color-content-fg);
}
.app-body .list-editor .setting-text:is(:active, :focus) {
border-color: var(--color-accent);
background-color: var(--color-content-bg);
}
.app-body .item-list .column-link {
margin-left: 0;
width: 100%;

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

@ -367,7 +367,9 @@ body.app-body {
.account__relationship .icon-times,
.icon-ellipsis-h,
.icon-ellipsis-v,
.icon-check,
.icon-check:is(.verified__mark, .verified-badge__mark),
.follow-request-banner .button .icon-check,
.account--panel button .icon-check,
.status__action-bar .icon-close,
.detailed-status__action-bar .icon-close,
.account__header__tabs__buttons .icon-close,
@ -416,7 +418,9 @@ body.app-body {
.account__relationship .icon-times,
.icon-ellipsis-h,
.icon-ellipsis-v,
.icon-check,
.icon-check:is(.verified__mark, .verified-badge__mark),
.follow-request-banner .button .icon-check,
.account--panel button .icon-check,
.status__action-bar .icon-close,
.detailed-status__action-bar .icon-close,
.account__header__tabs__buttons .icon-close,
@ -672,7 +676,7 @@ body.app-body {
.app-body .icon-paperclip {
background-image: var(--icon-paperclip);
}
.app-body .icon-check {
.app-body .icon-check:is(.verified__mark, .verified-badge__mark) {
background-image: var(--icon-verified);
}
.app-body .follow-request-banner .button:is(:active, :focus, :hover) .icon-check {
@ -3436,8 +3440,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .column-inline-form {
background-color: var(--color-accent-bg);
border: 1px solid var(--color-accent-lines);
border-radius: 0 0 8px 8px;
margin-bottom: 10px;
}
@media screen and (max-width:1174px) {
.app-body .column-inline-form {
@ -3465,8 +3467,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .item-list .column-subheading {
color: var(--color-fg-muted);
border: 1px solid var(--color-lines);
border-top: 0;
border-bottom: 0;
border-radius: 8px 8px 0 0;
}
.app-body .getting-started .column-subheading {
color: var(--color-fg-muted);
@ -3478,6 +3480,42 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-radius: 0;
}
}
.app-body .list-editor .drawer__inner {
background-color: var(--color-content-bg);
}
.app-body .list-editor__search {
margin: 10px;
}
.app-body .list-editor .column-inline-form {
background-color: var(--color-content-secondary-bg);
border-top: 0;
border-right: 0;
border-left: 0;
border-color: var(--color-lines);
}
.app-body .list-editor .column-inline-form .icon-button {
color: var(--color-accent);
}
.app-body .list-editor .column-inline-form .icon-button.disabled {
opacity: .5;
pointer-events: none;
}
.app-body .list-editor .account {
border-right: 0 !important;
border-left: 0 !important;
}
.app-body .list-editor .setting-text {
width: 100%;
background-color: var(--color-accent-bg);
border: 1px solid var(--color-accent-lines);
border-radius: 8px;
color: var(--color-content-fg);
}
.app-body .list-editor .setting-text:is(:active, :focus) {
border-color: var(--color-accent);
background-color: var(--color-content-bg);
}
.app-body .item-list .column-link {
margin-left: 0;
width: 100%;

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

@ -367,7 +367,9 @@ body.app-body {
.account__relationship .icon-times,
.icon-ellipsis-h,
.icon-ellipsis-v,
.icon-check,
.icon-check:is(.verified__mark, .verified-badge__mark),
.follow-request-banner .button .icon-check,
.account--panel button .icon-check,
.status__action-bar .icon-close,
.detailed-status__action-bar .icon-close,
.account__header__tabs__buttons .icon-close,
@ -416,7 +418,9 @@ body.app-body {
.account__relationship .icon-times,
.icon-ellipsis-h,
.icon-ellipsis-v,
.icon-check,
.icon-check:is(.verified__mark, .verified-badge__mark),
.follow-request-banner .button .icon-check,
.account--panel button .icon-check,
.status__action-bar .icon-close,
.detailed-status__action-bar .icon-close,
.account__header__tabs__buttons .icon-close,
@ -672,7 +676,7 @@ body.app-body {
.app-body .icon-paperclip {
background-image: var(--icon-paperclip);
}
.app-body .icon-check {
.app-body .icon-check:is(.verified__mark, .verified-badge__mark) {
background-image: var(--icon-verified);
}
.app-body .follow-request-banner .button:is(:active, :focus, :hover) .icon-check {
@ -3436,8 +3440,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .column-inline-form {
background-color: var(--color-accent-bg);
border: 1px solid var(--color-accent-lines);
border-radius: 0 0 8px 8px;
margin-bottom: 10px;
}
@media screen and (max-width:1174px) {
.app-body .column-inline-form {
@ -3465,8 +3467,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .item-list .column-subheading {
color: var(--color-fg-muted);
border: 1px solid var(--color-lines);
border-top: 0;
border-bottom: 0;
border-radius: 8px 8px 0 0;
}
.app-body .getting-started .column-subheading {
color: var(--color-fg-muted);
@ -3478,6 +3480,42 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-radius: 0;
}
}
.app-body .list-editor .drawer__inner {
background-color: var(--color-content-bg);
}
.app-body .list-editor__search {
margin: 10px;
}
.app-body .list-editor .column-inline-form {
background-color: var(--color-content-secondary-bg);
border-top: 0;
border-right: 0;
border-left: 0;
border-color: var(--color-lines);
}
.app-body .list-editor .column-inline-form .icon-button {
color: var(--color-accent);
}
.app-body .list-editor .column-inline-form .icon-button.disabled {
opacity: .5;
pointer-events: none;
}
.app-body .list-editor .account {
border-right: 0 !important;
border-left: 0 !important;
}
.app-body .list-editor .setting-text {
width: 100%;
background-color: var(--color-accent-bg);
border: 1px solid var(--color-accent-lines);
border-radius: 8px;
color: var(--color-content-fg);
}
.app-body .list-editor .setting-text:is(:active, :focus) {
border-color: var(--color-accent);
background-color: var(--color-content-bg);
}
.app-body .item-list .column-link {
margin-left: 0;
width: 100%;