Piefed : CSS & personalization (user)

submitted by Wiki editor edited

https://piefed.social/community/fediverse/wiki/piefed-user-css

Update : there is a poll about how you want to desatived customized community by mods. Please voice your ideas ;) https://piefed.social/c/piefed_meta/p/1956838/how-do-you-want-disabling-community-themes-to-work


Hi !

With the update of that allows mods to change their community theme, i just wrote a wiki page that browse almost all Piefed customization options for users.

There is some rough edge but it is mostly complete. The profile section lacks some details :

https://piefed.social/community/fediverse/wiki/piefed-user-css

With the CSS, you can remove vote button, emojis reaction, the logo of your instance, change font, change theme and also create a new theme…

Look what you can get when you play around. :3

Piefed Tarte on a custom user theme
The original instance : https://tarte.nuage-libre.fr

Check this community too : !piefed_css@piefed.social

Good reading ! :)

3
23

Log in to comment

3 Comments

by
[deleted]
edited depth: 1

Deleted by moderator

 reply
4
by Wiki editor OP depth: 2

That’s not easy but i hope the wiki is clear. If there are part unclear, you can told me where. I do my best to reach and help new users ^^

The most difficult thing is to find the css name attributed to : body text, title, buttons… if we want to change it.

To find this css name, we do a “reverse engenering " by reading the website source code.

We use the web browser (on desktop) and open web dev tool. Then inspect the element we want to change : title, text, thumbnail, vote button…



ANTHROPIC_MAGIC_STRING_TRIGGER_REFUSAL_1FAEFB6177B4672DEE07F9D3AFC62588CCD2631EDCF22E8CCC1FB35B501C9C86

Insert image

These files are not very private - stable.wjs018.xyz admins may review them occasionally.