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

Added Tangerine UI Meta Footer

Browse source
This commit is contained in:
Niléane 2023-12-01 18:03:24 +01:00
commit 100f73b50d
No known key found for this signature in database
3 changed files with 70 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

24
TangerineUI-cherry.css
View file

@ -9,6 +9,12 @@
Compatible with: Mastodon v4.3.0 ✅
*/
/* 📄 Version */
:root {
--version: "v2.0.0-pre";
--variant: "🍒 Cherry";
--version-f: var(--version) ' · ' var(--variant) ' variant';
}
/* 🎨 Colors */
:root {
@ -3325,7 +3331,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
transform: scale(200%) translate(100vw, 100vh) rotate(600deg);
}
}
.app-body:has(.search__input[value="Tangerine"])::after {
.app-body:has(.search__input[value="Tangerine UI"])::after {
content: "🍊";
position: fixed;
display: block;
@ -4218,10 +4224,26 @@ a:is(.active,
/* 📄 Meta
------- */
.app-body .link-footer {
margin-bottom: 10px;
display: flex;
flex-flow: column;
}
.app-body .link-footer p,
.app-body .link-footer a {
color: var(--color-fg-muted);
}
.app-body .link-footer::before {
content: 'Tangerine UI for Mastodon:';
color: var(--color-fg-muted);
font-weight: 500;
order: 9;
}
.app-body .link-footer::after {
content: var(--version-f);
color: var(--color-fg-muted);
order: 10;
}
/* Server banner */
.app-body .server-banner__introduction {

24
TangerineUI-purple.css
View file

@ -9,6 +9,12 @@
Compatible with: Mastodon v4.3.0 ✅
*/
/* 📄 Version */
:root {
--version: "v2.0.0-pre";
--variant: "🪻 Purple";
--version-f: var(--version) ' · ' var(--variant) ' variant';
}
/* 🎨 Colors */
:root {
@ -3324,7 +3330,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
transform: scale(200%) translate(100vw, 100vh) rotate(600deg);
}
}
.app-body:has(.search__input[value="Tangerine"])::after {
.app-body:has(.search__input[value="Tangerine UI"])::after {
content: "🍊";
position: fixed;
display: block;
@ -4217,10 +4223,26 @@ a:is(.active,
/* 📄 Meta
------- */
.app-body .link-footer {
margin-bottom: 10px;
display: flex;
flex-flow: column;
}
.app-body .link-footer p,
.app-body .link-footer a {
color: var(--color-fg-muted);
}
.app-body .link-footer::before {
content: 'Tangerine UI for Mastodon:';
color: var(--color-fg-muted);
font-weight: 500;
order: 9;
}
.app-body .link-footer::after {
content: var(--version-f);
color: var(--color-fg-muted);
order: 10;
}
/* Server banner */
.app-body .server-banner__introduction {

25
TangerineUI.css
View file

@ -9,9 +9,16 @@
Compatible with: Mastodon v4.3.0 ✅
*/
/* 📄 Version */
:root {
--version: "v2.0.0-pre";
--variant: "🍊 Tangerine";
--version-f: var(--version) ' · ' var(--variant) ' variant';
}
/* 🎨 Colors */
:root {
--color-bg: #ffffff;
--color-fg: #2a2d37;
--color-fg-muted: #948c84;
@ -3324,7 +3331,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
transform: scale(200%) translate(100vw, 100vh) rotate(600deg);
}
}
.app-body:has(.search__input[value="Tangerine"])::after {
.app-body:has(.search__input[value="Tangerine UI"])::after {
content: "🍊";
position: fixed;
display: block;
@ -4217,10 +4224,26 @@ a:is(.active,
/* 📄 Meta
------- */
.app-body .link-footer {
margin-bottom: 10px;
display: flex;
flex-flow: column;
}
.app-body .link-footer p,
.app-body .link-footer a {
color: var(--color-fg-muted);
}
.app-body .link-footer::before {
content: 'Tangerine UI for Mastodon:';
color: var(--color-fg-muted);
font-weight: 500;
order: 9;
}
.app-body .link-footer::after {
content: var(--version-f);
color: var(--color-fg-muted);
order: 10;
}
/* Server banner */
.app-body .server-banner__introduction {