Scrap.TF Community-made userstyles

[Luki]

Hello everybody,

 

Even though you aren't allowed to script anything on the banking aspect of scrap.tf, you can still modify a lot in the community aspects of the site.

I've already seen some scripts and I thought that it would be a good idea to create a hub where you can post your own scripts so others can use them too.

Remember: Use them at you own risk, people can post malicious code here, only install code if you trust the person or understand the code.

 

CHAT

emoticon menu [bookmarklet] made by me

Quote

To start things off, I've made a small menu that appears in chat where you can save your favourite emoticons.

add it by going to this page: drag the first link to your bookmarks

https://lukiday.xyz/scraptf/userstyles/

this is the code: 

https://lukiday.xyz/scraptf/userstyles/emotemenu.js

 

As this script creates and interacts with elements on the page itself, it's harder to make it work with something like grease- or tampermonkey.

You can also try this extension if  you're on chrome, saves you a click https://chrome.google.com/webstore/detail/custom-javascript-for-web/poakhlngfciodnhlhhgnaaelnpjljija

 

 

Please don't judge my JS skills to hard, I've just started working with it. This doesn't mean that I'm open for suggestions, please pm me them so I can improve the code.

I'll try to improve it by:

• Adding TamperMonkey/GreaseMonkey support
• show a grid of emoticon pictures instead of the text
• making the code clearer, as it is a mess atm

 

 

1

Hide old PMs [tampermonkey] made by me

https://lukiday.xyz/scraptf/userstyles/hide-show-pms.user.js

This script adds 2 buttons to the menu that hide and then show all of the PMs you've received so far, new PMs will remain visible.

 

Scrap.tf Dark Theme [Stylish or Tampermonkey] made by Jesse

https://userstyles.org/styles/127166/scrap-tf-dark-theme

 

ScrapTF Light chat theme [Stylish or Tampermonkey] made by Nick

https://userstyles.org/styles/127694/scraptf-light-chat-theme

 

Square avatars for ScrapTF Chat [Stylish or Tampermonkey] made by Soup Store Manager

https://userstyles.org/styles/130884/square-avatars

 

SITE

Scrap.tf custom background [Stylish or Tampermonkey] made by JSS

https://userstyles.org/styles/124126/scrap-tf-custom-background

 

 

Edited July 30, 2016 by Lukiday :3

[Ben]

While I believe Lukiday is very trustworthy, I'd like to remind everyone to be extra vigilant when using scripts like these, as they allow for potential arbitrary code execution on the chat.scrap.tf domain.

[Soup Store Manager]

Here's a script that let's you have the old square with rounded edges for avatars back in chat.

https://userstyles.org/styles/130884/square-avatars

 

Update: Works with v10 of chat, updated on the 2nd of August, 2016.

 

What messages look like:

 

What the user list looks like:

Edited August 2, 2016 by Soup Store Manager
Update.