[Feature Request]: Chrome Refresh 2023 about material-fox-updated HOT 6 CLOSED

Did you see userChrome.chrome-refresh-2023 param for about:config, this is implemented "Chrome Refresh 2023", I make it optional because users maybe prefer for current UI version, try it if you don't see (check readme for more info).

About "Accent Color" on the background and buttons, it possible to implement.

About "How can I make the shadow of the expanded address bar smaller, lighter?":

1. Rename custom-chrome_example.css to custom-chrome.css.
2. Open file and add:

:root,
html,
body {
  /* add your css below */
  --mf-elevation-3: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

3. Save file and restart Firefox.

You can use your own value, values can be found here

About "How can I adjust the spacing? Could you give me some tips?":

In the same file add below:

:root,
html,
body {
  /* add your css below */
  --mf-elevation-3: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

.titlebar-buttonbox-container {
  margin-inline-end: 12px !important;
  }

Change 12px with your own.

from material-fox-updated.

Please provide more information regarding the specific features or changes, it will help me don't miss something and better understand your request.
Format like a list if there are multiple things.
Also keep in mind Firefox theme looks similar to Chrome, and not 100% the same and not pixel perfect or something like that.

from material-fox-updated.

As you see, there are more Material You elements:

• Accent Color
• Rounded-corner Button

• More Rounded-corner Elements

How can I make the shadow of the expanded address bar smaller, lighter?

How can I adjust the spacing? Could you give me some tips?

from material-fox-updated.

Wow, nice. Thanks for your reply.
The userChrome.chrome-refresh-2023 in about:config looks not good now.
Can I adjust the spacing of them as well?

from material-fox-updated.

Wow, nice. Thanks for your reply. The userChrome.chrome-refresh-2023 in about:config looks not good now. Can I adjust the spacing of them as well?

Try adding the following css param:

:root,
html,
body {
--toolbarbutton-outer-padding: 3px !important;
}

Change 3px with your own.

P.S. I don't know why you are trying achieve pixel perfection, because it can change over time and general styles looks good for me and I don't see any critical parts that need to be replaced, but I respect your preferences, if you want do this you can do this.

Provide any other remarks, if any.

from material-fox-updated.

Thanks you :)

from material-fox-updated.