TangerineUI For Mastodon Versions Save

A Tangerine redesign for Mastodon's Web UI. 🍊🐘

v2.0.0-pre4

2 months ago

TangerineUI2pre4

✳️ New

  • Custom icons for popular hashtags: popular hashtags on Mastodon are now displayed with custom icons in the Explore tab, in search results, as well as on profile pages in the featured hashtag section.
    • This is working off a small dictionary of popular hashtag keywords.
    • Custom icons are not intended to cover all hashtags. This is only meant to apply to a selection of the most popular and regularly trending hashtags on Mastodon.
    • Hashtags that don't have a custom icon fall back to a regular tag icon.
    • More details and screenshots in this thread: https://nileane.fr/@nileane/112009497738808810
  • Redesigned polls (https://nileane.fr/@nileane/111643467739699856)
  • Even more compact mobile header: the header is now reduced to a single line, as opposed to the usual double-height header. (https://nileane.fr/@nileane/111949277787178116)
  • Floating Compose button: on small screens, the compose button is now located in the bottom right hand corner, above the bottom navigation toolbar.
  • Redesigned fullscreen media viewer.
  • Support for the newest Mastodon 4.3 features, including but not limited to:
    • New Mute and Block dialogs
    • New "What's in a handle?" dialog on profile pages
    • New inline "Who to follow" recommendations in the timeline
    • New "Filtered Notifications" panel
    • New Compose field

Updated

  • Colored page background in light mode: in light mode, the background of the page is now back to being a light shade of the accent color, instead of plain white.
  • Improved icons for the navigation panel: icons are now filled when the navigation item is active, and a "pressed down" effect has been added when a navigation item is clicked or tapped.
  • Improved design for the "... boosted" and "Replied to ..." indicators above posts in the timeline.
  • Improved design for Private Mentions: they now feature a prominent badge, and a colored background.
  • Improved design for the note field on profile pages.
  • Improved design for the search field dropdown.

🔨 Fixed

  • Many color contrast fixes and improvements
  • Added a workaround to prevent the bottom toolbar from overlapping with the system UI on iOS when Mastodon is added to the Home Screen.
  • Fixed an issue where the post timestamp could overlap on an account's username when there wasn't enough horizontal space.
  • Fixed an issue where in some circumstances the bottom navigation toolbar didn't overflow and scroll properly.
  • Fixed an issue where the active star icon would appear on an edited post in the Notifications tab even if you didn't favorite it.
  • Fixed the compose field styling when editing a post.

⚠️ Compatibility reminder:

  • Tangerine UI v2.0.0 is compatible with instances running Mastodon 4.3 and newer.
  • For instances running Mastodon 4.1.x or 4.2.x, please keep using Tangerine UI Legacy (v1.9) instead.

Please always remember to check the Compatibility section in the README document before installing the theme.

v1.9.5

2 months ago

🔨 Fixed:

  • Added a workaround to prevent the bottom toolbar from overlapping with the system UI on iOS when Mastodon is added to the Home Screen.

v2.0.0-pre3

6 months ago

✳️ New

  • New mobile header: redesigned, and more compact.
  • Tangerine UI meta footer: Tangerine UI's version number and variant name is now displayed alongside Mastodon's version number in the footer.
  • Added support for the new profile section in the onboarding

Updated

  • Underlined links: links are now underlined inside posts and bios.
  • Standalone images in posts are now limited in height. This is to prevent that thing where tall 9:16 screenshots would fill your entire screen. This does not apply to when you open a post in its detailed view.
  • Blockquotes are now using the regular text color for better contrast.
  • Link cards now switch to a more compact style when on mobile, and when using the MultiColumn layout.

🔨 Fixed

  • The visiblity selector dropdown was not properly styled in dark mode
  • Poll composer: the options field were still on white background in dark mode
  • Poll composer: the poll duration selector was still on white background in dark mode
  • Meta in hashtag headers would overflow on top of the 'Follow Hashtag' button
  • MultiColumn layout: scrolling in the trending stories tab was broken
  • MultiColumn layout: trending hashtags were not properly styled
  • Fixes to the Onboarding layout.
  • and more minor fixes and adjustements.

Check out the updated README for screenshots of the updated design of Tangerine UI v2.0.0 and its variants.


⚠️ As a reminder: Mastodon 4.3.0 brings a major change in Mastodon's UI, upgrading the icons from loading them as a font to inline SVGs. As a result, all the icons in Tangerine UI have been re-implemented in v2.0.0, and the theme will not be backward compatible with Mastodon versions older than 4.3.0 moving forward.

  • Please only install Tangerine UI v2.0.0-prerelease3 on instances that are already running a prerelease version of Mastodon 4.3.0.
  • For instances running the current stable versions of Mastodon (4.1.x and 4.2.x), use Tangerine UI v1.9.4 instead.

v2.0.0-pre2

6 months ago

✳️ New

  • Added support for the advanced web interface (multi-column layout)
  • New variant: Cherry 🍒
  • Icons have been fully revamped: the theme is now using a selection of icons from the great Phosphor icon family.

Updated

  • All the variants now feature an updated color palette.
  • Column headers are now connected to the main column, resulting in more consistent margins throughout the UI.
  • The Translate button is now integrated into the action bar below posts.
  • Verified links have an updated look, now more resembling a verified badge
  • Button sizes in the bottom toolbar on mobile have been adjusted to fit more icons at once, and to fill the bar when there are less than 5 icons displayed.
  • DMs bubbles have been updated to use a subtler background color.
  • The bookmark button now has its own tiny animation.

🔨 and more tweaks and fixes

Check out the updated README for screenshots of the updated design and variants.


⚠️ As a reminder: Mastodon 4.3.0 is going to bring a major change in Mastodon's UI, upgrading the icons from loading them as a font to inline SVGs. As a result, all the icons in Tangerine UI have been re-implemented in v2.0.0, and the theme will not be backward compatible with Mastodon versions older than 4.3.0 moving forward.

  • Please only install Tangerine UI v2.0.0-prerelease2 on instances that are already running an alpha version of Mastodon 4.3.0.
  • For instances running the current stable versions of Mastodon (4.1.x and 4.2.x), use Tangerine UI v1.9.4 instead.

v2.0.0-pre1

6 months ago

Mastodon 4.3.0 is going to bring a major change in Mastodon's UI, upgrading the icons from FontAwesome to Material Icons, and switching from loading them as a font to inline SVGs.

As a result, all the icons in Tangerine UI have been re-implemented in v2.0.0, and the theme will not be backward compatible with Mastodon versions older than 4.3.0 moving forward.

There are no major visual changes in Tangerine UI v2.0.0-prerelease1.

  • Please only install Tangerine UI v2.0.0-prerelease1 on instances that are already running an alpha version of Mastodon 4.3.0.
  • For instances running the current stable versions of Mastodon (4.1.x and 4.2.x), use Tangerine UI v1.9.4 instead.

v1.9.4

7 months ago
  • Smaller translate button
  • Now using a darker color value for profile fields in dark mode
  • Darker column backgrounds in dark mode
  • Better contrast for thread lines and hashtag buttons in dark mode
  • Fixed: Search suggestion popout was clipped on mobile

v1.9.3

7 months ago
  • Fixed: missing borders in the Explore tab
  • Fixed: misaligned private mention icon in some places
  • Fixed: poll icon color didn't match the other icons in the compose form in dark mode.
  • Fixed: muted text in poll notifications wasn't properly styled

v1.9.2

8 months ago

Some visual cleanup.

  • Improved look for search result sections
  • Improved look for hashtag page headers
  • Improved look for hashtag buttons below posts.

v1.9.1

8 months ago

Tiny follow-up on v1.9 with a handful of fixes:

  • Fixed button alignement in mobile header
  • Fixed button alignment in search field popout
  • Fixed missing accent color when marking an image as sensitive in the compose field

v1.9

8 months ago

Tangerine UI v1.9 adds support for all the UI changes brought by Mastodon 4.2.0.

This includes:

  • Support for the new link preview cards
  • Support for threaded replies
  • Support for hashtag headers
  • Support for the hashtag bar on posts
  • Support for user role badges
  • Support for the revamped onboarding experience
  • Updated icons in the notifications tab (polls, user posts, follows)
  • Many tweaks and fixes.

Enjoy 🧡