diff --git a/.github/workflows/copies.yml b/.github/workflows/copies.yml index df1573b..765fe7d 100644 --- a/.github/workflows/copies.yml +++ b/.github/workflows/copies.yml @@ -13,6 +13,7 @@ jobs: - run: cp TangerineUI.css mastodon/app/javascript/styles/tangerineui/tangerineui.scss - run: cp TangerineUI-purple.css mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss - run: cp TangerineUI-cherry.css mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss + - run: cp TangerineUI-lagoon.css mastodon/app/javascript/styles/tangerineui-lagoon/tangerineui-lagoon.scss - uses: stefanzweifel/git-auto-commit-action@v5 with: commit_message: Copy CSS files to installation folder diff --git a/README.md b/README.md index 00f8e69..bdcc7c5 100644 --- a/README.md +++ b/README.md @@ -45,11 +45,14 @@ For those of you who like Tangerine UI but want to stick to Mastodon's purple hu I won't be held responsible if you end up licking your screen because of this one. TangerineUI-cherry +  -**🐠 Lagoon** -Embrace turquoise. + +**🐠 Lagoon** +Soft turquoise palette that gives neon vibes at night. TangerineUI-lagoon +  ## Features @@ -232,8 +235,9 @@ Even if you are not an admin on your instance, you can still use Tangerine UI wi 1. **Check your Mastodon version**. For Tangerine UI to work properly, you need to make sure you're using the right version for your Mastodon instance. Please check the [Compatibility](#compatibility) section in this document before you proceed. 2. **Install a browser extension** that allows you to inject CSS on a webpage, such as [Stylus](https://add0n.com/stylus.html), or [Live CSS Editor](https://github.com/webextensions/live-css-editor) 3. Copy & paste the contents of 🍊 [`TangerineUI.css`](https://github.com/nileane/TangerineUI-for-Mastodon/blob/main/TangerineUI.css) to the extension's editor - * đŸĒģ For the purple variant, copy the contents of [`TangerineUI-purple.css`](https://github.com/nileane/TangerineUI-for-Mastodon/blob/main/TangerineUI-purple.css) instead. - * 🍒 For the cherry variant, copy the contents of [`TangerineUI-cherry.css`](https://github.com/nileane/TangerineUI-for-Mastodon/blob/main/TangerineUI-cherry.css) instead. + * đŸĒģ For the Purple variant, copy the contents of [`TangerineUI-purple.css`](https://github.com/nileane/TangerineUI-for-Mastodon/blob/main/TangerineUI-purple.css) instead. + * 🍒 For the Cherry variant, copy the contents of [`TangerineUI-cherry.css`](https://github.com/nileane/TangerineUI-for-Mastodon/blob/main/TangerineUI-cherry.css) instead. + * 🐠 For the Lagoon variant, copy the contents of [`TangerineUI-lagoon.css`](https://github.com/nileane/TangerineUI-for-Mastodon/blob/main/TangerineUI-lagoon.css) instead. > [!IMPORTANT] > If you are a user on a Glitch-soc instance, you must switch to the Vanilla Mastodon flavour for Tangerine UI to work properly: in your instance settings, navigate to *Flavours* → *Vanilla Mastodon* → select the '*Default*' skin. diff --git a/art/Screenshots/TangerineUI-cherry.png b/art/Screenshots/TangerineUI-cherry.png index c2517fa..2571d32 100644 Binary files a/art/Screenshots/TangerineUI-cherry.png and b/art/Screenshots/TangerineUI-cherry.png differ diff --git a/art/Screenshots/TangerineUI-lagoon.png b/art/Screenshots/TangerineUI-lagoon.png new file mode 100644 index 0000000..9b958b2 Binary files /dev/null and b/art/Screenshots/TangerineUI-lagoon.png differ diff --git a/art/Screenshots/TangerineUI-purple.png b/art/Screenshots/TangerineUI-purple.png index c24bee6..a430f65 100644 Binary files a/art/Screenshots/TangerineUI-purple.png and b/art/Screenshots/TangerineUI-purple.png differ diff --git a/art/Screenshots/TangerineUI-tangerine.png b/art/Screenshots/TangerineUI-tangerine.png index ed85300..1c70698 100644 Binary files a/art/Screenshots/TangerineUI-tangerine.png and b/art/Screenshots/TangerineUI-tangerine.png differ diff --git a/art/Screenshots/TangerineUI-template.psd b/art/Screenshots/TangerineUI-template.psd new file mode 100644 index 0000000..fc92a24 Binary files /dev/null and b/art/Screenshots/TangerineUI-template.psd differ