User avatar
flori_ava_star:~cursor_blinking made-with-estrogen verifiedlesbian @star@amazonawaws.com
4mo
I have updated my Iceshrimp.NET userstyle "shrimprovements" to version v0.3.0! 🦐 yay!
This version fixes some issues from the previous versions and introduces new features, too!

Fixes
- Font imports: These now work correctly! I mean, at least I hope so! I have changed the CSS, the imports, and tested it on another device, which didn't have the fonts pre-installed. They rendered correctly there!
New stuff!
- "Follow" and "Unfollow" buttons respect instance theming!
- "Following you" indicator has been made much more readable, and thus accessible.
- The README.md now exhaustively documents all changes made over the vanilla Iceshrimp.NET UI and features a link to a preview-gallery. It has also been made gayer!

shrimprovements is a userstyle aimed at making the Iceshrimp.NET web UI nicer to use. It relaxes spacing, makes things more readable and visible, increases the font size to be easier on the eyes and adds your instances' color theming to places, in which it was previously missing. Also: Hover over any custom emoji (in a post, name or in reactions) to temporarily enlarge it for easier viewing!

Check it out at codeberg.org/ava/shrimprovements, where you will also find the userstyles.world install-link, or shrimply take a look at the gallery, which highlights all changes!
screenshot of a social media post card from flori_ava:~$ on a dark background featuring the orange text "re: rust nerd shit, long" next to a light blue "Show Content" link. At the bottom of the card is a row of six outlined action icons, including a reply arrow and a heart.
screenshot of a dark, pill-shaped button with a thin purple border containing the white text "Follow" followed by a plus sign. This represents the inactive state of the button shown in the previous image
screenshot of a solid purple, pill-shaped button on a dark background containing the white text "Unfollow" followed by a horizontal line. This button appears as the active state in the profile view of the previous image
Screenshot of a social media profile page for flori_ava:~$ with a light purple and white interface. The page features a large pixel art cat banner, a sidebar with navigation links like "Timeline" and "Notifications," and a profile bio containing the text println!("Hiiiiii :3");
❤️1
1
0
4
1
User avatar
flori_ava_star:~cursor_blinking made-with-estrogen verifiedlesbian @star@amazonawaws.com
4mo
cc @fugi this fixes the font import problem (hopefully) where it would only render fallback fonts :3 in the stylus extension ui, there should be an "update" button, if you are interested in trying it out again. no rush/need, though!
1
0
3
0
User avatar
Lyn@GPN24 📞 ACOW @fugi@amazonawaws.com
4mo
@star it does, yay ^^
tho I personally like the original UI sizing better
2
0
1
0
User avatar
Lyn@GPN24 📞 ACOW @fugi@amazonawaws.com
4mo
@star two (personal) nits, whether you want to implement that is completely up to your preference:
- imo there should be either always a gap between the sidebars and the center UI "cards", or no rounded corners when they touch. (stock Iceshrimp.NET issue, but noticed due to the larger sizing)
- the post action buttons' outline looks a bit too pronounced (bright / high contrast) for my taste

Edit:
technical nit, the media queries that switch the UI between desktop and mobile layouts are a bit off due to the font/UI sizing change
Screenshot of the UI described in the post's body
1
0
0
0
User avatar
flori_ava_star:~cursor_blinking made-with-estrogen verifiedlesbian @star@amazonawaws.com
4mo
@fugi I am contemplating reverting the width change, actually. It causes all these issues that you pointed out, and other ones, too. And it does not make that big a difference. And about the button outlines: I think I chose the wrong CSS class to modify the following button and accidentally modified a lot of buttons. I'll patch that later, thank you! ur cute btw
1
0
1
0
User avatar
Lyn@GPN24 📞 ACOW @fugi@amazonawaws.com
4mo
@star neocat_shy
0
0
1
0