🎶 MelodyElodie's Codes 🎶

Site Colours Tutorial in Spoiler:

What does ToyHouse Midnight & Twilight do?

These scripts allows you to have a different viewing experience compared to the normal default colour changes that you can do usually do outside of customisable HTML and CSS.
It allows you to change to a custom background as well as allow users to change certain elements of ToyHouse as a whole!

How to Install?

First of all, you will need to install a third-party extension to your browser called "Stylus" (If you have Stylish - please remove it! It's dangerous in terms of possibly collecting your data)
You can download it for you specific browser here or you can search it up!:

Chrome
Firefox

Once installed, you will need to decide which style you want. You can find the links on the specific profiles above.

Once you are on the Userstyles Or Userstyles world for the certain script you will want to press the "Install" button.


It should then be automatically loaded on your page! If not, then refresh your browser!


How to Change the Background?

Once installed, you will need to get into the code! But how exactly do we do that?

And then you should see all the code!! All the very daunting code!

First of all, I would recommend finding a background you want first! THE IMAGE MUST END IN PNG OR JPEG IN THE WEBSITE BAR

After that, copy the website code of that image and you want to replace the current link in these 4 places IN THE BRACKETS. Repeat for all four sections of the code:




Then on the left side press SAVE

Your ToyHouse should then have the background that you want!

I will do a more indepth video about other features you can change in the future.
You can change the colours of buttons VIA the display settings -- it works with the boostrap colours.



Where are the Default Backgrounds from?

They are both from Gravity Falls!

If you have any questions, please leave them below! As well as any bug reports is always useful. This is still Version 1!