diff --git a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss index b6e83a1..a2d235b 100644 --- a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss +++ b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss @@ -1,14 +1,16 @@ -/* TangerineUI ๐ŸŠ for Mastodon ใƒป Cherry variant ๐Ÿ’ - version: 2.0.0-pre +/* Tangerine UI for Mastodon ๐ŸŠ A Tangerine redesign for Mastodon's Web UI. https://github.com/nileane/TangerineUI-for-Mastodon/ by @nileane@nileane.fr - - Compatible with: Mastodon v4.3.0 โœ… */ +/* ๐Ÿ“„ Meta */ +:root { + --version: "v2.0.0-pre"; + --variant: "๐Ÿ’ Cherry"; +} /* ๐ŸŽจ Colors */ :root { @@ -3325,7 +3327,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; @@ -4216,12 +4218,28 @@ a:is(.active, } -/* ๐Ÿ“„ Meta - ------- */ +/* ๐Ÿ“„ Meta footer */ +.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 { + --version-f: var(--version) ' ยท ' var(--variant) ' variant'; + content: var(--version-f); + color: var(--color-fg-muted); + order: 10; +} /* Server banner */ .app-body .server-banner__introduction { @@ -4700,7 +4718,7 @@ a:is(.active, background-color: var(--color-accent-bg); } .app-body .rules-list li { - border-bottom: 2px solid var(--color-accent-lines); + border-bottom: 1px solid var(--color-accent-lines); padding: 1em 1.75em 1em 3.4em; } .app-body .rules-list li:last-child { diff --git a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss index c913e81..5ca70e3 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss @@ -1,14 +1,16 @@ -/* TangerineUI ๐ŸŠ for Mastodon ใƒป Purple variant ๐Ÿชป - version: 2.0.0-pre +/* Tangerine UI for Mastodon ๐ŸŠ A Tangerine redesign for Mastodon's Web UI. https://github.com/nileane/TangerineUI-for-Mastodon/ by @nileane@nileane.fr - - Compatible with: Mastodon v4.3.0 โœ… */ +/* ๐Ÿ“„ Meta */ +:root { + --version: "v2.0.0-pre"; + --variant: "๐Ÿชป Purple"; +} /* ๐ŸŽจ Colors */ :root { @@ -3324,7 +3326,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; @@ -4215,12 +4217,28 @@ a:is(.active, } -/* ๐Ÿ“„ Meta - ------- */ +/* ๐Ÿ“„ Meta footer */ +.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 { + --version-f: var(--version) ' ยท ' var(--variant) ' variant'; + content: var(--version-f); + color: var(--color-fg-muted); + order: 10; +} /* Server banner */ .app-body .server-banner__introduction { @@ -4699,7 +4717,7 @@ a:is(.active, background-color: var(--color-accent-bg); } .app-body .rules-list li { - border-bottom: 2px solid var(--color-accent-lines); + border-bottom: 1px solid var(--color-accent-lines); padding: 1em 1.75em 1em 3.4em; } .app-body .rules-list li:last-child { diff --git a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss index 9ad64bb..c721d92 100644 --- a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss +++ b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss @@ -1,17 +1,20 @@ -/* TangerineUI ๐ŸŠ for Mastodon - version: 2.0.0-pre +/* Tangerine UI for Mastodon ๐ŸŠ A Tangerine redesign for Mastodon's Web UI. https://github.com/nileane/TangerineUI-for-Mastodon/ by @nileane@nileane.fr - - Compatible with: Mastodon v4.3.0 โœ… */ +/* ๐Ÿ“„ Meta */ +:root { + --version: "v2.0.0-pre"; + --variant: "๐ŸŠ Tangerine"; +} /* ๐ŸŽจ Colors */ :root { + --color-bg: #ffffff; --color-fg: #2a2d37; --color-fg-muted: #948c84; @@ -3324,7 +3327,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; @@ -4215,12 +4218,28 @@ a:is(.active, } -/* ๐Ÿ“„ Meta - ------- */ +/* ๐Ÿ“„ Meta footer */ +.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 { + --version-f: var(--version) ' ยท ' var(--variant) ' variant'; + content: var(--version-f); + color: var(--color-fg-muted); + order: 10; +} /* Server banner */ .app-body .server-banner__introduction { @@ -4699,7 +4718,7 @@ a:is(.active, background-color: var(--color-accent-bg); } .app-body .rules-list li { - border-bottom: 2px solid var(--color-accent-lines); + border-bottom: 1px solid var(--color-accent-lines); padding: 1em 1.75em 1em 3.4em; } .app-body .rules-list li:last-child {