Home » CustomCSS » Modernised


Example colours


⭐ Installing the theme

To install the theme, please use the ✨theme code generator✨ to pick your preferred options and to generate the code.


⭐ Features & screenshots

  • Features without an icon are for both desktop and mobile screens
  • 👁‍🗨 means this feature is only for mobile
  • 📷 means this is a link to a screenshot
📌 List of general layout changes
  • Modernised the layout
    • Unified various design elements (banners, menu's, buttons, ...)
    • Improved readability of various bits and bobs
    • Upated icons (using FontAwesome 6.5.1)
    • Gave the total layout a max-width, so that it doesn't look so stretched on bigger screens
    • Added mobile version for smartphone users
  • Modified main menu-bar • 📷 screenshot desktop • 📷 screenshot mobile
    • Fixed the main menu-bar to the top of the page, so that it's always in view (even if you scroll down)
    • Reversed the order of menu-items
    • Added icons to the menu-items
    • Added options --number-of-menu-pets, --number-of-menu-friends and --number-of-menu-shops so you can chose how many subitems you want to see for these dropdowns at once
    • 👁‍🗨 Modified menu dropdowns so that they're shown in 2 columns
    • 👁‍🗨 Removed text in the menu-items, so that only icons are shown
    • 👁‍🗨 Removed nested dropdowns (e.g. Freinds, Pets, ...)
  • Modified bookmarks
    • Fixed the bookmarks-bar to the top of the page instead of the side, underneath the main menu-bar
    • 👁‍🗨 Removed bookmarks
  • Modified sidebar
    • Made sidebar wider
    • Moved the time-display to the left and made it bigger
    • Modified the sidebar-toggle so that it's an icon instead of text
    • Restyled sidebar-widgets:
      • Modified sidebar-widgets so they can only be dragged via their icon (instead of by the whole header or widget)
      • Restyled "Active Pet" • 📷 screenshot
      • Restyled "Battle Pet"
      • Restyled "Events"
      • Restyled "Friend Feed" • 📷 screenshot
  • Modified item-views
    • Modified the item orientation so that item-images and -text are shown next to each other (instead of below each other)
    • Modified styling for wishlist-items so that they're more obvious • 📷 screenshot
    • Removed styling for wishlist-items in forum-images and signatures
    • Restyled the popup you get when you hover over items • 📷 screenshot
    • 👁‍🗨 Moved the item-hovers so that they're always centered on the page
    • 👁‍🗨 Resized item-images so they take up less space
    • 👁‍🗨 Removed options to add and remove from wishlist (as it's hard to get right on mobile)
  • Restyled the popup you get when you hover over users • 📷 screenshot
  • Added other general options
    • Added option --display-floating-item to hide floating items (like flowers during Survival)
    • Added option --display-hustler to hide Hustler-banner
    • Added options to modify theme colours
📌 List of page changes
📌 List of page changes [Cash Shop]
📌 List of page changes [Commerce]
📌 List of page changes [Interact]
📌 List of page changes [Personal]
📌 List of page changes [Subeta]

⭐ Credits


⭐ Changelog

  • 2025/02/06

    • Bugfixed the reply box covering the topic in threads that only have 1 page
    • Bugfixed post spacing in general

  • 2025/01/25

    • Added a dark mode option (still experimental tho)
    • Added the option to like the forum post and its avatar back
    • Added the option to hide the above
    • Optimised bits and pieces

  • 2025/01/13

    • Bugfixed post spacing in Firefox
    • Restyled the warning for on-going battles
    • Restyled event-widget in the sidebar
    • Added options to hide widget headings in the sidebar
    • Added 2025's year indicators for New Years items

📅 2024

  • 2024/07/29

    • Bugfixed the Alegarten Food Truck's menu-links
    • Fixed font-size for "huge" buttons

  • 2024/07/14

    • Bugfixed some line-breaks not rendering in forum posts
    • Bugfixed wishlist items' sizing in profile comments

  • 2024/06/29

    • Bugfixed table font-sizes

  • 2024/06/06

    • Added 2024's year indicators for Masquerade items

  • 2024/05/21

    • Bugfixed image-size for oracle-item in sidebar

  • 2024/04/27

    • Added options to hide individual links in the battle-menu
    • Added options to change the font-weight of individual links in the battle-menu
    • Updated the code generator for the new options and added a load-option (to load an existing config-list)

  • 2024/04/12

    • Added styling for when you view someone else's wishlist

  • 2024/04/08

    • Updated adblock for Vesnali

  • 2024/04/07

    • Added 2024's yearly indicator for Vesnali items

  • 2024/03/30

  • 2024/03/21

    • Added option --display-inventory-sendfriend-mobile to hide the "Send to a Friend" link on an item's detail page in the inventory, but only on mobile
    • Added birthday-icon in front of usernames
    • Fixed notification for getting an achievement in the Sticker Album

  • 2024/03/19

    • Added option --display-inventory-sendfriend to hide the "Send to a Friend" link on an item's detail page in the inventory

  • 2024/03/18

    • Fixed small issue with widths on mobile
    • Fixed alignment for items in user shops

  • 2024/03/17

  • 2024/03/16

  • 2024/03/15

    • Added styling for disabled buttons

  • 2024/03/13

    • Fixed small issues with colours, alignment and spacing for various elements
    • Restyled the Gifts Center
      • Removed NPC-image
      • Put the 3 buttons (Send a Gift, Your Gifts and Sent History) into a navbar, to match other pages
      • Restyled Your Gifts
      • Restyled Sent History
      • Restyled Send a Gift » Gift Page

  • 2024/03/12

    • Added option --page-width so you can set a custom page width (default is 1300px).
    • Added option --number-of-items, which determines the number of items per row for shops, inventory, vault, ...
    • Fixed issue with bookmarks appearing on multiple lines

  • 2024/03/11

    • Added option --color-primary-mobile, so that you can have a different theme color on mobile
    • Added options --floating-item-top, --floating-item-bottom, --floating-item-left, --floating-item-right and --floating-item-transform, so that you can pick the placement of floating items (easiest through the generator)
    • Added option --display-forum-avatar, to show avatars again (in the form of a headshot)
    • Fixed display for the intro-texts for Dara, Jogoh and Ujin
    • Fixed display of items in user shops when there's categories present

  • 2024/03/10

    • Created a theme code generator to make it easier to customise the theme

  • 2024/03/09

  • 2024/03/08

  • 2024/03/07

    • Fixed styling for bookmarks when you hover over them

  • 2024/03/06

    • Added styling for codacaves
    • Added styling for codacaves-widget in the sidebar
    • Added styling for mind-reader
    • Fixed alignment of the item-list for the basic collections
    • Fixed bookmarks on explore-pages
    • Fixed error with wishlist-styling
    • Fixed Hidden Opponent styling on explore-pages

  • 2024/03/05

    • Fixed some bugs with styling for menu's in shops, achievements, etc
    • Fixed margins for shop-related random events (Morty or discount card)
    • Fixed the "Claim Titles" page in Achievements
    • Fixed the alignment of the shop-icon for required items in Achievements
    • Restyled User Shops • 📷 screenshot desktop • 📷 screenshot mobile
    • Split the styling up into multiple CSS-files, some of them minified

  • 2024/03/04

  • 2024/03/03

  • 2024/03/02

    • Added styling for editing a topic-name in the forums
    • Added styling for the buttons on the Oracle quest-page
    • Added option --display-news-intro to hide the intro-banner on the news-page
    • Fixed width for floating form to post a reply in the forums
    • Fixed width for floating form in the vault's item storage
    • Fixed width for floating form to move items in your shop's edit items page
    • Fixed spacing for item-vault on mobile (considering fixed bottom menu)
    • Updated styling for links in the news jumbotron so that they match other links better
    • Updated styling for sidebar-widget "The Oracle"
    • Updated styling for the Rift items so that they're left-aligned instead of centered
    • Updated styling for the "+ wishlist" and "- wishlist" hovers to add and remove items from your wishlist

  • 2024/03/01

    • Added styling for minions to the Pets-page
    • Fixed bookmark styling for the "Search Subeta" page (default styling had them all in italics)
    • Fixed margin for the "Achievement Unlocked" message, when it appears in the main portion of the page
    • Updated styling for item detail-page in Inventory
    • Updated styling for sidebar-widgets
      • Restyled "Coda Caves" and "The Oracle" widgets
        • Removed headers
        • Snapped the widgets together if you put "The Oracle" above "Coda Caves"
        • Snapped the widgets together if you put "Coda Caves" above "The Oracle"
      • Updated "Special Currencies" widget
        • Added option --display-sidebar-currency-headers to hide the headers (Active, Seasonal and Events) for "Active Currencies"
    • Updated styling for the "+ wishlist" and "- wishlist" hovers to add and remove items from your wishlist

  • 2024/02/29

    • Added option --display-inventory-locked to hide the info-text about locked items in Inventory
    • Added option --display-stickers-unstack to hide the "unstack" link under stickers in the Sticker Album
    • Added options to hide individual links in the pet-dropdown
    • Added options to change the font-weight of individual links in the pet-dropdown
    • Added special options to change the number of pets shown on the Pets-page and in the Training Center
    • Fixed biting in forums (now you can only click the link if it says "Bite!")
    • Fixed the "new announcement" banner so the links are bold and removed the "close" link
    • Updated styling for categories on Wishlist
    • Updated styling on item detail-page in Inventory
    • Updated year indicators for yearly event shops

  • 2024/02/28

    • Added option --display-quest-intro to hide intro-text of main quests
    • Added option --display-yourshop-quickstock-delete to hide delete-option completely in quick stock
    • Added options to hide the intro-texts for the 3 interactive shops on the Floating Market:
      • Added option --display-shenguiguo-floatingmarket-intro to collectively hide Dara's, Jogoh's and Ujin's intro-texts
      • Added option --display-shenguiguo-dara-intro to individually hide Dara's intro-text
      • Added option --display-shenguiguo-jogoh-intro to individually hide Jogoh's intro-text
      • Added option --display-shenguiguo-ujin-intro to individually hide Ujin's intro-text
    • Added options to hide the boxes on the News:
      • Added option --display-news-checkout to hide Check Out
      • Added option --display-news-upcoming to hide Upcoming
      • Added option --display-news-daily to hide Daily
      • Added option --display-news-daily-dailies to hide Daily » Dailies
      • Added option --display-news-daily-recycle to hide Daily » Recycle Beast
      • Added option --display-news-daily-lottery to hide Daily » Potion Lottery Winner
    • Added styling for buffs
    • Added styling for Hidden Opponent alerts (based on the one from Item Hunt)
    • Fixed link colours in forum signatures, so that they're the same as the rest of the signature text
    • Removed Chase's image and name on mobile in Item Hunter
    • Updated year indicators for yearly event shops

  • 2024/02/27

    • Moved menu-item's dropdown in the main menu-bar to the side of the menu-items
    • Added options --number-of-menu-pets, --number-of-menu-friends and --number-of-menu-shops so you can pick how many items you want to see in the menu's
    • Added styling for the spend exp page
    • Added styling for the rift
    • Added option --display-forum-post-report to hide report-button on posts
    • Added styling for shop-related random events (Morty or discount card)
    • Updated styling for comments (mainly reordered things a bit in the individual comments)

  • 2024/02/26

    • Rewrote the page-specific section, for easier expansion considering the design patterns on the current Subeta website
    • Added option --display-battle-training-intro to hide Jim's intro-text in the Training Center
    • Added option --display-battle-training-warning to hide Jim's warning about level cap and autotraining at the Training Center
    • Added option --display-battle-training-auto to hide autotraining options at the Training Center
    • Added option --display-forum-pulse to completely hide forum-pulse at the Forums
    • Added option --display-forum-post-image to hide forum images in posts at the Forums
    • Added option --display-forum-post-signature to hide signatures in posts at the Forums
    • Added option --display-pet-zapper-warning to hide warning about the pet zapper at the Ultimate Pet Zapper
    • Added option --display-pet-zapper-intro to hide Euclid's intro-text at the Ultimate Pet Zapper
    • Added option --display-pet-zapper-adoption to hide message about adopting a Qrykee or Yaherra at the Ultimate Pet Zapper
    • Added option --display-yourshop-item-category to hide category-search (in both the filter- and item-list) for Your Shop » Edit Items
    • Added option --display-yourshop-sales-info to hide info-text for Your Shop » Sales History

  • 2024/02/25

    • Added extra styling for sidebar-widgets, inspired by the Widget Overhaul that Sorcerer made
    • Added option --display-sidebar-battlepet-buttons to hide battlepet buttons in the sidebar, again inspired by Sorcerer's Widget Overhaul (see link above)
    • Added minor layout tweaks for Ruffie Raffle, after you get a doll (mostly mobile)
    • Fixed spacing for the Ruffie Raffle buttons, after you get a doll

  • 2024/02/24

    • Added styling for the special shops page
    • Added button-styles for the link back to Shinwa on quest-pages (after finishing the quest)
    • Fixed sidebar toggling so that content correctly displays over the whole page when you hide sidebar
    • Fixed events counter in the sidebar, so that it overflows correctly
    • Fixed click-area for floating items so that it's limited to the item itself

  • 2024/02/23

    • Initial commit (rewrite of the original theme)