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-03-27 22:47:06 +00:00 • committed by github-actions[bot]
commit eeafee4fc4
3 changed files with 78 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -8,7 +8,7 @@
/* 📄 Meta */
:root {
--version: "v2.0.0-pre4";
--version: "v2.0.0-pre5~";
--variant-name: "Cherry";
--variant-emoji: "\1F352\00A0";
@ -2481,7 +2481,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
}
.app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
outline: 6px solid var(--color-content-bg-focus);
outline: 6px solid var(--color-post-bg);
}
/* 👁️ Post detailed view */
@ -2555,18 +2555,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
position: relative;
}
.app-body .detailed-status__meta__line:first-child {
color: transparent;
padding-left: 20px;
gap: 0;
}
.app-body .detailed-status__meta__line:first-child svg {
position: absolute;
left: 0;
}
.app-body .detailed-status__meta__line:first-child {
color: transparent
}
.app-body .detailed-status__meta__line:first-child > * {
color: var(--color-content-fg);
}
.app-body .detailed-status__application::before {
content: "\00B7\00A0";
margin-left: -3px;
}
.app-body .detailed-status__link:is([href$="/reblogs"], [href$="/favourites"]) {
padding-left: 20px;
border-radius: 8px;
@ -3176,11 +3179,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
display: none;
}
.app-body .status__wrapper.status__wrapper-direct {
.app-body .status__wrapper.status__wrapper-direct,
.app-body .notification__message:has(+ div > .status__wrapper.status__wrapper-direct) {
--color-post-bg: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 90%);
}
.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover),
.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover) .status__avatar {
.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover) .status__avatar,
.app-body .status__wrapper.status__wrapper-direct.focusable:focus,
.app-body .notification__message:has(+ div > .status__wrapper.status__wrapper-direct .status__content:hover) {
--color-post-bg: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 85%);
}
@ -4844,7 +4850,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .notification__message {
padding: 12px 12px 5px;
background-color: var(--color-content-bg);
background-color: var(--color-post-bg);
color: var(--color-content-fg-bold);
transition: all .3s;
}
@ -6595,8 +6601,19 @@ a:is(.active,
.about__section.active .about__section__title {
background-color: var(--color-accent-bg);
}
.app-body .rules-list__text,
.app-body .rules-list__hint {
color: var(--color-content-fg);
}
.app-body .rules-list__text {
font-weight: 600;
}
.app-body .rules-list__hint {
opacity: .7;
padding-top: 4px;
}
.app-body .rules-list li {
border-bottom: 1px solid var(--color-accent-lines);
border-bottom: 1px solid var(--color-lines);
padding: 1em 1.75em 1em 3.4em;
}
.app-body .rules-list li:last-child {

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

@ -8,7 +8,7 @@
/* 📄 Meta */
:root {
--version: "v2.0.0-pre4";
--version: "v2.0.0-pre5~";
--variant-name: "Purple";
--variant-emoji: "\1FABB\00A0";
@ -2481,7 +2481,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
}
.app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
outline: 6px solid var(--color-content-bg-focus);
outline: 6px solid var(--color-post-bg);
}
/* 👁️ Post detailed view */
@ -2555,18 +2555,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
position: relative;
}
.app-body .detailed-status__meta__line:first-child {
color: transparent;
padding-left: 20px;
gap: 0;
}
.app-body .detailed-status__meta__line:first-child svg {
position: absolute;
left: 0;
}
.app-body .detailed-status__meta__line:first-child {
color: transparent
}
.app-body .detailed-status__meta__line:first-child > * {
color: var(--color-content-fg);
}
.app-body .detailed-status__application::before {
content: "\00B7\00A0";
margin-left: -3px;
}
.app-body .detailed-status__link:is([href$="/reblogs"], [href$="/favourites"]) {
padding-left: 20px;
border-radius: 8px;
@ -3176,11 +3179,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
display: none;
}
.app-body .status__wrapper.status__wrapper-direct {
.app-body .status__wrapper.status__wrapper-direct,
.app-body .notification__message:has(+ div > .status__wrapper.status__wrapper-direct) {
--color-post-bg: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 90%);
}
.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover),
.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover) .status__avatar {
.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover) .status__avatar,
.app-body .status__wrapper.status__wrapper-direct.focusable:focus,
.app-body .notification__message:has(+ div > .status__wrapper.status__wrapper-direct .status__content:hover) {
--color-post-bg: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 85%);
}
@ -4844,7 +4850,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .notification__message {
padding: 12px 12px 5px;
background-color: var(--color-content-bg);
background-color: var(--color-post-bg);
color: var(--color-content-fg-bold);
transition: all .3s;
}
@ -6595,8 +6601,19 @@ a:is(.active,
.about__section.active .about__section__title {
background-color: var(--color-accent-bg);
}
.app-body .rules-list__text,
.app-body .rules-list__hint {
color: var(--color-content-fg);
}
.app-body .rules-list__text {
font-weight: 600;
}
.app-body .rules-list__hint {
opacity: .7;
padding-top: 4px;
}
.app-body .rules-list li {
border-bottom: 1px solid var(--color-accent-lines);
border-bottom: 1px solid var(--color-lines);
padding: 1em 1.75em 1em 3.4em;
}
.app-body .rules-list li:last-child {

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

@ -8,7 +8,7 @@
/* 📄 Meta */
:root {
--version: "v2.0.0-pre4";
--version: "v2.0.0-pre5~";
--variant-name: "Tangerine";
--variant-emoji: "\1F34A\00A0";
@ -2481,7 +2481,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
}
.app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
outline: 6px solid var(--color-content-bg-focus);
outline: 6px solid var(--color-post-bg);
}
/* 👁️ Post detailed view */
@ -2555,18 +2555,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
position: relative;
}
.app-body .detailed-status__meta__line:first-child {
color: transparent;
padding-left: 20px;
gap: 0;
}
.app-body .detailed-status__meta__line:first-child svg {
position: absolute;
left: 0;
}
.app-body .detailed-status__meta__line:first-child {
color: transparent
}
.app-body .detailed-status__meta__line:first-child > * {
color: var(--color-content-fg);
}
.app-body .detailed-status__application::before {
content: "\00B7\00A0";
margin-left: -3px;
}
.app-body .detailed-status__link:is([href$="/reblogs"], [href$="/favourites"]) {
padding-left: 20px;
border-radius: 8px;
@ -3176,11 +3179,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
display: none;
}
.app-body .status__wrapper.status__wrapper-direct {
.app-body .status__wrapper.status__wrapper-direct,
.app-body .notification__message:has(+ div > .status__wrapper.status__wrapper-direct) {
--color-post-bg: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 90%);
}
.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover),
.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover) .status__avatar {
.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover) .status__avatar,
.app-body .status__wrapper.status__wrapper-direct.focusable:focus,
.app-body .notification__message:has(+ div > .status__wrapper.status__wrapper-direct .status__content:hover) {
--color-post-bg: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 85%);
}
@ -4844,7 +4850,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .notification__message {
padding: 12px 12px 5px;
background-color: var(--color-content-bg);
background-color: var(--color-post-bg);
color: var(--color-content-fg-bold);
transition: all .3s;
}
@ -6595,8 +6601,19 @@ a:is(.active,
.about__section.active .about__section__title {
background-color: var(--color-accent-bg);
}
.app-body .rules-list__text,
.app-body .rules-list__hint {
color: var(--color-content-fg);
}
.app-body .rules-list__text {
font-weight: 600;
}
.app-body .rules-list__hint {
opacity: .7;
padding-top: 4px;
}
.app-body .rules-list li {
border-bottom: 1px solid var(--color-accent-lines);
border-bottom: 1px solid var(--color-lines);
padding: 1em 1.75em 1em 3.4em;
}
.app-body .rules-list li:last-child {