Git Product home page Git Product logo

modoki-firefox's Introduction

Modern Modoki

CodeFactor

Firefox screenshot running Modern Modoki

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.

Open in Gitpod

๐Ÿž Bugs & Limitations

  • 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.

๐Ÿš€ Installation

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.

๐Ÿ–Œ๏ธ Customisation

Hide menu button

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.

๐ŸŒŸ Credits

modoki-firefox's People

Contributors

actions-user avatar github-actions[bot] avatar matthewmx86 avatar soup-bowl avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

k2m5t2

modoki-firefox's Issues

Tabs are ELONGATED in height in FF 103

I tested this theme on a old FF 88 and looks fine,
but updating on last stable version reveals a new bug.
The tables are ELONGATED in height compared with the whole tab bar.
Neither reactivating the toolbar compact mode wouldn't make any notable difference.
Here a screenshot on dark theme +compact mode activated (unsupported)
https://imgur.com/2WSAwdd
Afaik FF changed the UI to Proton i think on the last releases,
this can be the culprit.
Any chance for a quick update fix?

Modokify Extension button

A new non-optional extension button in Firefox 109+ has been introduced, and sticks out like a sore thumb.

image

Marking this for conversion to a Modoki icon.

Edit: This button already exists (#add-ons-button)... Did they remove something?

Menu bar font is white

image

OS: Kubuntu 20.04
Theme: Light (tried and occurs in all).
Firefox: Nightly - 91.0a1 (2021-06-01) (64-bit)

Menu button clipping

image

There appears to be a clipping issue, with the menu button appearing to get cut off on the right-hand side. So far experienced in Xubuntu 22.04, and in the Gitpod instance.

Proton Compatibility

Split into two segments, one with the problems that can be seen with browser.proton.enabled, and ones visible regardless. Latter is the priority for achieving MVP.

Changes are tracked in Photon branch (aware the name is wrong).

Constant.

  • Misplacement of Tabs bar.
  • New element on bookmarks bar causes distortion.

Proton-related (aka, disappear when browser.proton.enabled is on).

  • Tab size exceeded tab bar.
  • (technically without) Back button is sized inconsistently.
  • URL bar elements break out of their confines.
  • Missing icons in the Application Menu (might've been a Nightly bug).

Tabs not highlighting

What version of the theme are you using?

Latest Version (0.6)

What edition of Firefox are you on?

Mainline Firefox

If Other, please specify

No response

Please describe the problem you are experiencing. Screenshots very welcome.

image

As you can see, the active tab is not highlighted...

Statusbar disappeared

image

Present in Firefox main and Nightly. Presumably the ID index for the statusbar has changed recently.

Tabs enlarge when over the visible limit

image

When the tabs go over the on-screen limit, they seem to become large when they're deselected.

(need to check this isn't part of Firefox discontinuing compact mode).

Add ESR and Nightly to Gitpod

Prompted by #10 - experienced in a non-default Firefox installation, a bug has appeared. It would be good to have Firefox build variances in the Gitpod instance.

Firefox and Firefox ESR is good for main build. Nightly could be good to help identify upcoming bugs before they end up appearing in the main build.

Interface not fully visible

Auswahl_061
Auswahl_062

What version of the theme are you using?

Latest Version (0.6)

What edition of Firefox are you on?

Mainline Firefox

If Other, please specify

No response

Please describe the problem you are experiencing. Screenshots very welcome.

Hello,
first of all: thank you for this great "revival" of a beautiful vintage Firefox theme. I installed it, and it just looks great. I am not a great fan of the actual Firefox themes, and so I am really happy to have stumbled upon good old Modoki here.
My Firefox runs under Linux Mint 21.2 Cinnamon (just in case this is of any relevance to the issue here).
There are two things worth mentioning here:

  1. In the symbol bar you cannot fully see the 'Hamburger' menu button. It's cut off in the middle regardless of Firefox being windowed or full-screen.
  2. You can only see the 'New Tab' button if there are less than 7 tabs open. Of course CTRL+T still works, but this seems to have to to with the fact that the tabs are never narrowed when you add a new one. So after more than 6 tabs, the bar is 'overflowing' so to speak.

Is there, maybe, a fix for this behaviour? I attach two screenshots below.

Checklist

Paused for #2.

  • Background/bar colours.
  • Modoki Buttons.
  • Tab styling.
  • Tab buttons.
  • Menus.
  • Scrollbars.
  • Convert icon set to SVG.

cropped tab height

the tab height is cropped, i managed to fix it by changing the tab-newtab-button max-height in tabs.css to a higher value
idk how to submit fixes or bugs i'm new to contributing
Screen Shot 2023-03-10 at 7 11 13 PM

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.