Embed Notice

HTML Code

<blockquote style="position: relative; padding-left: 55px;"><section><a href="https://nileane.fr/users/nileane/statuses/110691663040709608">Niléane (nileane@nileane.fr)'s status on Tuesday, 11-Jul-2023 19:50:37 JST</a><a href="https://nileane.fr/@nileane" title="nileane@nileane.fr"><img src="https://gnusocial.jp/avatar/97333-48-20240905163127.webp" width="48" height="48" alt="Niléane" style="position: absolute; left: 0; top: 0;">Niléane</a></section><article><p>And so it shall be named: Tangerine UI 🍊🐘</p><p>Tangerine UI is a redesign I made for Mastodon's Web interface, using just CSS.</p><p>Make your Mastodon Web interface a friendlier place: Tangerine features a soft orange palette, a bubblier look, and a more compact timeline that should be easier on your eyes. Also, Tangerine UI auto-switches to dark and light mode based on your OS preference.</p><p>It is live on my instance @ <a href="https://nileane.fr" rel="nofollow noreferrer">https://nileane.fr</a> if you want a demo.<br>+ on GitHub <a href="https://github.com/nileane/TangerineUI-for-Mastodon" rel="nofollow noreferrer">https://github.com/nileane/TangerineUI-for-Mastodon</a> :)</p></article><footer><a rel="bookmark" href="https://gnusocial.jp/conversation/1774865#notice-3483381">In conversation</a><time datetime="2023-07-11T19:50:37+09:00" title="Tuesday, 11-Jul-2023 19:50:37 JST">Tuesday, 11-Jul-2023 19:50:37 JST</time> <span>from <span><a href="https://nileane.fr/@nileane/110691663040709608" rel="external" title="Sent from nileane.fr via ActivityPub">nileane.fr</a></span></span><a href="https://nileane.fr/@nileane/110691663040709608">permalink</a><h4>Attachments</h4><ol><li><article><header><div>Domain not in remote thumbnail source whitelist: cdn.masto.host</div><h5><a href="https://nileane.fr/">Niléane</a></h5><div></div></header><div>Hi 👋, I’m Niléane. This is a tiny Mastodon instance for myself, my close friends, and for our little projects 🏳️⚧️🏳️🌈</div><footer></footer></article></li><li><label><a rel="external" href="https://gnusocial.jp/attachment/1242063">Screenshot: my Mastodon profile featuring Tangerine UI. Elements have rounded corners; Avatars are round. The palette is orange and beige. The layout of the page is switched: the navigation is now on the left, and the composer on the right.</a></label><br><a href="https://cdn.masto.host/nileanefr/media_attachments/files/110/691/632/985/356/628/original/e58ac44e39b444d0.png" rel="external">https://cdn.masto.host/nileanefr/media_attachments/files/110/691/632/985/356/628/original/e58ac44e39b444d0.png</a></li><li><label><a rel="external" href="https://gnusocial.jp/attachment/1242064">Screenshot: Explore tab. The Explore tab header features rounded corners, and a colourful orange horizontal tab selector.</a></label><br><a href="https://cdn.masto.host/nileanefr/media_attachments/files/110/691/633/497/177/470/original/17d1b7e5cb56b36b.png" rel="external">https://cdn.masto.host/nileanefr/media_attachments/files/110/691/633/497/177/470/original/17d1b7e5cb56b36b.png</a></li><li><label><a rel="external" href="https://gnusocial.jp/attachment/1242065">Screenshot: my Mastodon profile using Tangerine UI, on a mobile device. The navigation bar is moved to the bottom so the content uses the full width of the screen.</a></label><br><a href="https://cdn.masto.host/nileanefr/media_attachments/files/110/691/633/661/100/821/original/3875932fae141f10.png" rel="external">https://cdn.masto.host/nileanefr/media_attachments/files/110/691/633/661/100/821/original/3875932fae141f10.png</a></li><li><label><a rel="external" href="https://gnusocial.jp/attachment/1242066">Screenshot on my Mastodon instance's About page using Tangerine UI, this time in dark mode.
The Tangerine stylesheet auto-switches to dark mode based on your OS preference using CSS @media queries.</a></label><br><a href="https://cdn.masto.host/nileanefr/media_attachments/files/110/691/638/338/999/982/original/69eeda92d0708433.png" rel="external">https://cdn.masto.host/nileanefr/media_attachments/files/110/691/638/338/999/982/original/69eeda92d0708433.png</a></li><li><article><header><div>No result found on File_thumbnail lookup.</div><h5><a href="http://preference.It/">preference.it</a></h5><div></div></header><div>This domain may be for sale!</div><footer></footer></article></li><li><article><header><div>Domain not in remote thumbnail source whitelist: opengraph.githubassets.com</div><h5><a href="https://github.com/nileane/TangerineUI-for-Mastodon">GitHub - nileane/TangerineUI-for-Mastodon: A Tangerine redesign for Mastodon's Web UI. 🍊🐘</a></h5><div></div></header><div>A Tangerine redesign for Mastodon's Web UI. 🍊🐘. Contribute to nileane/TangerineUI-for-Mastodon development by creating an account on GitHub.</div><footer></footer></article></li></ol></footer></blockquote>

Corresponding Notice

Embed this notice
Niléane (nileane@nileane.fr)'s status on Tuesday, 11-Jul-2023 19:50:37 JST Niléane
And so it shall be named: Tangerine UI 🍊🐘
Tangerine UI is a redesign I made for Mastodon's Web interface, using just CSS.
Make your Mastodon Web interface a friendlier place: Tangerine features a soft orange palette, a bubblier look, and a more compact timeline that should be easier on your eyes. Also, Tangerine UI auto-switches to dark and light mode based on your OS preference.
It is live on my instance @ https://nileane.fr if you want a demo.
+ on GitHub https://github.com/nileane/TangerineUI-for-Mastodon :)
In conversationTuesday, 11-Jul-2023 19:50:37 JST from nileane.frpermalink
Attachments
1. Domain not in remote thumbnail source whitelist: cdn.masto.host
  Niléane
  Hi 👋, I’m Niléane. This is a tiny Mastodon instance for myself, my close friends, and for our little projects 🏳️⚧️🏳️🌈
2. Screenshot: my Mastodon profile featuring Tangerine UI. Elements have rounded corners; Avatars are round. The palette is orange and beige. The layout of the page is switched: the navigation is now on the left, and the composer on the right.
  https://cdn.masto.host/nileanefr/media_attachments/files/110/691/632/985/356/628/original/e58ac44e39b444d0.png
3. Screenshot: Explore tab. The Explore tab header features rounded corners, and a colourful orange horizontal tab selector.
  https://cdn.masto.host/nileanefr/media_attachments/files/110/691/633/497/177/470/original/17d1b7e5cb56b36b.png
4. Screenshot: my Mastodon profile using Tangerine UI, on a mobile device. The navigation bar is moved to the bottom so the content uses the full width of the screen.
  https://cdn.masto.host/nileanefr/media_attachments/files/110/691/633/661/100/821/original/3875932fae141f10.png
5. Screenshot on my Mastodon instance's About page using Tangerine UI, this time in dark mode. The Tangerine stylesheet auto-switches to dark mode based on your OS preference using CSS @media queries.
  https://cdn.masto.host/nileanefr/media_attachments/files/110/691/638/338/999/982/original/69eeda92d0708433.png
6. No result found on File_thumbnail lookup.
  preference.it
  This domain may be for sale!
7. Domain not in remote thumbnail source whitelist: opengraph.githubassets.com
  GitHub - nileane/TangerineUI-for-Mastodon: A Tangerine redesign for Mastodon's Web UI. 🍊🐘
  A Tangerine redesign for Mastodon's Web UI. 🍊🐘. Contribute to nileane/TangerineUI-for-Mastodon development by creating an account on GitHub.

Public

Embed Notice

HTML Code

Corresponding Notice