nileane, (edited )
@nileane@nileane.fr avatar

Introducing: @TangerineUI 🍊🐘

Tangerine UI is a custom theme for Mastodon's Web UI. It features a soft color palette, a bubblier look, round avatars, and a more compact timeline that should be easier on your eyes.

Tangerine UI auto-switches from dark and light mode based on your OS preference, and comes in 2 variants: tangerine 🍊 and purple 🪻

Live demo @ https://nileane.fr
Find the instructions to install Tangerine UI on your instance on Github → https://github.com/nileane/TangerineUI-for-Mastodon :)

og,

@nileane Wow this is gorgeous color pallette.

nileane,
@nileane@nileane.fr avatar

@og Thank you! 😊

og,

@nileane You're welcome

sebaldj,

@nileane @milan auch eine Option für unsere Instanz?

milan,
@milan@social.tchncs.de avatar

@sebaldj ich bin bei sowas immer ein bisschen vorsichtig weil drittthemes bei updates gerne mal zerbrechen und eine langfristige pflege oft nicht garantiert ist...

sebaldj,

@milan es gibt jetzt auch die Option zum Hinzufügen als Optionales Theme. Wäre das eine Möglichkeit für social.tchncs.de?

https://github.com/nileane/TangerineUI-for-Mastodon#install-tangerine-ui-as-an-optional-theme-on-your-instance-recommended

masukomi,
@masukomi@connectified.com avatar

@nileane that's lovely. thanks. Will ask my users what they think :D

greenback,
@greenback@det.social avatar

@nileane Great work! I wonder when @Gargron might use some of the great web interface design ideas for the official site? Surely that should be coming soon

jcrabapple,

deleted_by_author

  • Loading...
  • nileane,
    @nileane@nileane.fr avatar

    @jcrabapple @thibaultmol No multi-column support for this one. Maybe in the future :)

    stooovie,
    @stooovie@mas.to avatar

    @nileane very nice. I like how it keeps the Compose UI onscreen. I don't get everyone's love for Elk that forces you to scroll all the way up whenever you want to send a toot.

    expert,

    @stooovie you don't have to?

    It's literally on the sidebar, named/titled "Compose".

    stooovie,
    @stooovie@mas.to avatar

    @expert yes. I prefer having an input box visible at all times

    stooovie,
    @stooovie@mas.to avatar

    @expert it's just a personal preference, Elk is great

    laimis,
    @laimis@mstdn.social avatar

    @nileane @rolle you got some competition!

    rolle,
    @rolle@mementomori.social avatar

    @laimis There is no such thing as "competition" in the open source world. This is wonderful. :bunhdheart: @nileane

    nileane,
    @nileane@nileane.fr avatar

    Thank you so much for your kind comments 🧡
    I’ve been having a blast making this. I still have lots of little tweaks and fixes on my todo list, but feel free to send me your feedback if you’ve got any :)

    I also hope to make other color variations and add support for the advanced web interface, but let’s take on one thing at a time 😅

    nileane,
    @nileane@nileane.fr avatar

    For those of you who like Tangerine UI but want to stick with Mastodon's purple palette, now comes in 2 variants: Tangerine 🍊 and Purple🪻

    And of course both have a light and a dark mode, + both look great on a small screen too :)

    https://github.com/nileane/TangerineUI-for-Mastodon/
    (Choose either 'TangerineUI.css' or 'TangerineUI-purple.css')

    A profile page on Mastodon featuring Tangerine UI in light mode, with the default orange palette
    A profile page on Mastodon featuring Tangerine UI in dark mode, but with the new purple palette
    A profile page on Mastodon featuring Tangerine UI in dark mode, with the default orange palette

    nileane,
    @nileane@nileane.fr avatar

    I have now added instructions to the Github repo if you want to install as an optional theme on your Mastodon instance :)

    This will also allow you to set Tangerine UI as the default theme for your Mastodon instance, while still letting your users revert to any of the default themes if they so choose.

    https://github.com/nileane/TangerineUI-for-Mastodon#installation-for-instance-admins

    Screenshot of the Administration panel on Mastodon, in the Appearance tab, it’s possible to select ‘Tangerine UI’ as the default theme for your instance.

    zicklepop,
    @zicklepop@nyan.lol avatar

    @nileane getting some wild bugs when i installed it on my instance and then enable it on my user account (gif wouldn't upload, static pic used instead)

    nileane,
    @nileane@nileane.fr avatar

    @zicklepop wow. I have no idea where this is coming from

    zicklepop,
    @zicklepop@nyan.lol avatar

    @nileane lol me either. the logs are so long i can’t see the top

    nileane,
    @nileane@nileane.fr avatar

    @zicklepop anything to do with my instructions you think? 😶

    zicklepop,
    @zicklepop@nyan.lol avatar

    @nileane they're exactly the same as the one I used for another theme. i will need to grab a full log somehow to see what's causing this :melanie_shocked:
    https://github.com/mstdn/Bird-UI-Theme-Admins

    nileane,
    @nileane@nileane.fr avatar

    @zicklepop yea that’s what I based mine off.

    Ping me if you find anything

    zicklepop,
    @zicklepop@nyan.lol avatar

    @nileane ok my server ran out of memory while compiling the web assets, and compiling it again looks like it does something, but it's cached, so you have to clear the cache and compile again.
    https://docs.joinmastodon.org/admin/troubleshooting/#i-encountered-a-compilation-error-while-executing-rails_envproduction-bundle-exec-rails-assetsprecompile-but-no-more-information-is-given-how-to-fix-it

    zicklepop,
    @zicklepop@nyan.lol avatar

    @nileane anyway! this is a great theme!!! thanks for sharing it!

    nileane,
    @nileane@nileane.fr avatar

    @zicklepop awesome! Thank you 😊

    nileane,
    @nileane@nileane.fr avatar

    The repo for now has instructions if you want to install the theme on your Glitch-soc instance ✨

    https://github.com/nileane/TangerineUI-for-Mastodon#installation-for-glitch-soc-admins

    If you follow these instructions, your users will be able to select Tangerine UI as their preferred theme in settings under Flavours → Vanilla Mastodon

    (Many thanks to @shad who's been a huge help for this!)

    nileane,
    @nileane@nileane.fr avatar

    Media overlays were kind of broken (background was opaque and pagination was invisible).

    It's now fixed in v1.7.4 :)

  • All
  • Subscribed
  • Moderated
  • Favorites
  • random
  • DreamBathrooms
  • mdbf
  • ethstaker
  • magazineikmin
  • GTA5RPClips
  • rosin
  • thenastyranch
  • Youngstown
  • InstantRegret
  • slotface
  • osvaldo12
  • kavyap
  • khanakhh
  • Durango
  • megavids
  • everett
  • cisconetworking
  • normalnudes
  • tester
  • ngwrru68w68
  • cubers
  • modclub
  • tacticalgear
  • provamag3
  • Leos
  • anitta
  • JUstTest
  • lostlight
  • All magazines