Smutstone Custom Stylus Toolbox



 General Info 

Did you ever wanted to change the way things look in the smutstone game? Well, now you can, with the power of CSS and an addon for your browser named Stylus you can adjust some elements look, position, visibility, etc...

I will present in this page many of these custom stylish adjustments that i made and i like, some of them you already know from the past, for example the cpu intensive glow effect in the cards view/screen. We will turn off such things and make the game look and work better.



It looks like this:

First step is to install the stylus add-on for your browser. There are others add-ons that do the same things, choose the one you like.

Firefox browser: here.

Chrome browser: here.

Click the Stylus icon in the toolbar, click manage, click write new style and name it - smutstone. In the right window you will paste the code according to what you want to do.

After you finish click save and your code will start working. Don't forget to type the name of the page where you want to have its effects.

Style #1 - Cards view - no glow
Cards view / screen - Disable glowing animations. Look at before and after in the demo image below. [edited december 25 2021]



Code:

Style #2 - Show rarities in Cards Page :NEW
This small code will allow you to view a character on top of the card to see better the type of rarity for that card.



Code:

Style #3 - Journey view
Have you ever forgot if you've completed a boss or not in Journey mode of the game? Here is the solution: a label near each boss that shows the status. If it says - stars:zero - it means you did not played that boss. If it says - stars: 3 - then you've completed the boss.



Code:

Style #4 - Duel view
In duel view align cards horizontally instead of on a circle path.



Code:

Style #5 - Dungeon click area fix
When you go to the dungeons and you try to start a battle, many times you click one chapter and another one starts. That is because the maximum dungeon you have reached is represented by a picture surrounded by a moving fire. The click area for that dungeon include that fire and is so big that it overlap with the previous dungeon. Look at the before and after picture to see the click area. This can be fixed by the following code:

Code:

Style #6 - Remove advert
Remove the annoying advert in the bottom area



Code:

Style #7 - Custom-view in tournaments
You can have a better and enlarged view at the scores in daily tournament and event tournament. In this mode you can see 30 people at one time. Code:

Style #8 - Deck view sets letters
This is a new way to display the letters of the sets on a more wider area, ready to click on the preferred set. When you click on the arrow it will maintain the width and display on multiple lines. Just copy the code and paste it in the stylus add-on in the smutstone custom syle.



Code:

Style #9 - Deck View Mod
Here is a deck view mod for standard view mode and for edit view mode. With this modification you will have bigger cards with more details. No half cards like before. An improvement in my opinion.. Paste the code in stylus after the code from previous mods. [edited december 28 2021] Code:

Style #10 - Tournament color my name
In tournaments you can have your name in yellow color and smaller font for a much better clarity.



Code: