From 100f73b50d1a12b58fc666d463b68be3e5bf8d18 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Fri, 1 Dec 2023 18:03:24 +0100
Subject: [PATCH] Added Tangerine UI Meta Footer

---
 TangerineUI-cherry.css | 24 +++++++++++++++++++++++-
 TangerineUI-purple.css | 24 +++++++++++++++++++++++-
 TangerineUI.css        | 25 ++++++++++++++++++++++++-
 3 files changed, 70 insertions(+), 3 deletions(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index b6e83a1..0d1d4b6 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -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 {
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index c913e81..cba886c 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -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 {
diff --git a/TangerineUI.css b/TangerineUI.css
index 9ad64bb..9b5a7dd 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -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 {