Mod the Mobile Theme! - Custom CSS submissions

[Melooon]

As many of you know we have a new mobile theme for the forum that was added in a recent update; but look at it, while its functional, its very mobile and plain looking! I would like too see what the collective CSS powers of the forum community can come up with by hacking it and making it our own!

(Make it better!!)


Here are the rules and requirements:

• Use pure CSS to mod the mobile theme to make it more unique!
• Themes must maintain the mobile functionality and readability
• Extra points for those who make themes that can Light+Dark switch
• Extra points if you improve the functionality of the theme in some way
• Remember not all mobile devices have the same size and OS style!

Tips!

You can use the "Mobile" link at the bottom of the forum to switch to the Mobile theme on your computer! You can use your borrowers Inspect Element feature to study and modify the theme live on the site! You can use a plugin like LiveEdit for Firefox to save and build your custom CSS.

For light and dark mode, its best to design the theme for light mode first, then add this dark mode block at the end with your dark color modifiers:

Code

@media (prefers-color-scheme: dark) { 
    ** YOUR DARK COLOUR STYLING GOES HERE e.g. **
    body {
        background-color: black;
    }
}

Final Notes!

You can post your submitted CSS and screenshots here!

[BlazingCobaltX]

Cool! If I have the time I'll definitely try my hand at it. Since I'm already using the mobile theme all the time I'd pretty much be building it for myself :P

[Melooon]

UPDATE: This was a competition; however it did not receive any entries.

I will leave this thread up on the forum info board incase anyone would like to submit some custom CSS in the future!