By banjo2
POSTED: 01 May 2019 08:37
BUMPED: 26 Sep 2019 02:45
CATEGORY: Educational
FEATURED: Yes (Rlad116)
(Go to comments)
-IMPORTANT-
This probably doesn't work on 2/3DS or mobile phones. This is intended for the DSi only. It'd probably work on desktop too, but at that point you can just use a browser extension.
Are you tired of your eyes burning at 3 A.M. due to staring at your w h i t e DSi screen for several minutes without blinking? Are you still mad about the PM system? Are you as impatient as I am? I doubt it.
But, for those of you who are just dying for a way to enjoy chatrooms with less pain, I have created a simple solution, involving a bit of CSS and JS magic. I'll try to make this as simple as possible.
First, hit the star icon at the bottom of the screen and hit "Add Page". After that, hit "Edit", select the page you just added, and open the second textbox. I recommend you scroll the page to the position inwhich you can see the coding section on the top screen before doing that.
Now for the coding section. Backspace everything already in the box, and type the following:
If you know CSS, then you may want to change the blue text. I don't recommend editing the red text. I put that styling together to be bearable, I didn't experiment with it very much. I would've turned text shadows off, but, that makes black names invisible to you. Blame Rlad116 and RedflarezZ.
Anyways, after typing that, hit OK and change the upper textbox to something like "Dark Chatroom" or "Chatroom CSS". It's up to you. Then, hit Save, and Close. Then, go to a chatroom (other than Ninja), open the favorites menu, and open the page you created. If it doesn't work, double-check your coding, or let me know if you think my coding is faulty.
Also, the + is yellow because it's optional. If it's removed, the chatroom name will no longer be displayed, and you won't have to refresh the page if you make a change to your code. If you won't be doing that though, leave it in.
Hopefully this was useful to some people, I've been having a lot of “fun†with JS, HTML, and CSS, thanks to this site.
Credits:
Rlad116 and several others, for CSS
SkyeEverest for h1Chatroom and .innerHTML
W3Schools, for a lot of CSS and JS information, including document.getElementById
Nearan-Nadorian, for document.close()
I hope everyone understood this well enough, and it helped someone's eyes, thank you for reading.
Made easy, no typing a whole js function by hand is now no longer required! :)
Step one: READ THIS ENTIRE POST.
Step two: Click [a=js-://document.getElementById('h1Chatroom').innerHTML+='<style>div, h1{background:black!important;color:white}span{text:shadow:1px 1px 1px white!important;}</style>';document.close();]this[/a] link and you will see an error page that says "300019: The address type is unknown or unsupported.".
Step three: Press the favorites button.
Step four: Press "Add Page".
Step five: Tap edit and in the address section remove the "js-://" and replace that with javascript:
Step six: Click save and now you're ready to use darkmode in chat!
Oh something's weird about the formatting you know what, when I'm looking at it the page isn't wide enough to show all the words, but that's why when I copied and pasted it, it showed up. Weird
When you figure out how to do it on a 3ds/2ds, tell me! I'm currently using Notepad on a computer at school to learn html. I looked up someone's html code for a basic game with html, saved it as .html and began playing around with it. Just how I learned CSS. If you have any free 3ds-compatable coding education sites you know, or have any basic tips for me, I'd really appreciate it. As of right now, I can program buttons, page size, and text alignment.