Jump to content

Backpack.tf Skin V1.3


Squizell

Recommended Posts

Hello everyone!

I've made a Tampermonkey script that reskins backpack.tf to make it look in a more Google/Material Design style!

Any feedback it's welcome!

 

What you'll need:

- Tampermonkey

- My code

- A bit of Javascript experience if you want/need to modify it

 

Tampermonkey:

https://tampermonkey.net

 

Backpack.tf reskin code link:

https://gist.github.com/AleXu224/48d351cfe3779c3f624be374265ae4f3

 

How to change colors:

 

How to install it:

1.Download Tampermonkey

2.Right click the Tampermonkey icon and click options

LQIjGVM.png

3.Click the paper with a plus icon near installed scripts button

WKWJUDD.png

4.Delete everything that's in there so you'll have a blank page

QzIf55E.png

5.Paste the code in

Flo6pme.png

6.Save the file

6pe44FU.png

 

Updates:

 V1.1.0 Released

-Fixed listing's shadows

-Many more minor changes

 

V1.2.0 Released

-The navigation bar is now transparent

-Made the search box less transparent for visibility

-Added info about changing colors in code

V1.3.0 Released

-Grey is now the default color
-Currency boxes are now grey aswell
-Modified currency box text color for visibility
-Made the Backpack.tf logo to transition between colors
-Made the report and gift premium buttons prettier
-Lots of changes on backpack.tf/stats
 

Screenshots:

 

http://imgur.com/a/SF2n3

 

I know the code isn't the best but I have the excuse that I'm a begineer.

Link to comment
Share on other sites

  • Squizell locked this topic
Guest
This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...