This project aims to bring the Modern Modoki (or close in appearance) theme back to Firefox using the amazing Redmond Firefox theme base, via Firefox's remaining UserChrome interface.
If you're using Pale Moon browser, Use Modoki Moon instead of this - a full fork of the original.
This theme pairs beautifully with the Chicago95 theme for XFCE.
โน๏ธ If you want compact density, set browser.compactmode.show
to true
.
- MacOS is not supported. Linux and Windows is supported.
- This theme is primarily tested on XFCE. Other setups may encounter bugs.
- This theme is not compatible with Firefox skins/themes, or a combined title bar.
- Dark mode is not currently supported.
- on a PC set to dark mode, change the theme to light in Firefox Customise setting.
- The menu bar is expected to be visible. The bookmarks bar is optional.
- Due to the current reliance on low-res button images, this theme will look incredibly blurry on screen densities above 1080p.
- Like the original Modern Modoki, not all icons are covered - especially not extensions.
If you experience graphical oddities please submit a bug report with screenshots + OS version.
Note: These theme is not supported on MacOS. Also, if you are using Firefox on Linux via Snap or Flatpak, these instructions may not work.
- (Windows & Linux) In Customize, turn on Title Bar and enable Menu bar under toolbars.
- Download a zip copy of the theme (preferably from releases).
- In Firefox, navigate to
about:support
. - Under 'Profile Directory' or 'Profile Folder', click on Open Directory/Folder button.
- In this folder, drop the
chrome
folder from the theme here. - In Firefox again, navigate to
about:config
. - Search for
toolkit.legacyUserProfileCustomizations.stylesheets
and set to true. - Restart Firefox.
If done correctly, you Firefox will now be skinned with Modern Modoki. Please note this theme will not be included in synchronise.
Contributed idea by AlexyBot, while Firefox supports menu bars, most functionality the menu button adds is duplicated. Therefore, you can hide the menu button. This can be achieved by adding this to the end of the userChrome.css file.
#PanelUI-button { display: none !important; }
And comment out lines 24 to 37 of toolbars.css.
- Inspired by Modern Modoki theme, itself inspired by Netscape Navigator.
- Built upon the base of Internet Explorer 6 theme by matthewmx86 (now a theme collection).
- All functional layouts built upon the amazing foundations of Firefox CSS Hacks by MrOtherGuy.