Question

Chủ đề này đã được lưu trữ. Vui lòng hỏi một câu hỏi mới nếu bạn cần giúp đỡ.

userChrome.css not working

12 trả lời
0 gặp vấn đề này
1 lượt xem
Trả lời mới nhất được viết bởi user115335224976569831892259620582246724006

1 năm trước

user115335224976569831892259620582246724006

02:22, 01/05/2023

Hello,

I am wondering why userChrome.css is not loading. toolkit.legacyUserProfileCustomizations.stylesheets is set to true (about:config). I loaded userChrome.css opening the Profile Folder in about:support and dragging and dropping a "chrome" folder that contains userChrome.css respecting case sensitivity and file types. So the file now is under C:\Users\marce\AppData\Roaming\Mozilla\Firefox\Profiles\sv6gplmb.default-release-1681224431322\chrome. The css is simple, it is valid and it works in the Style Editor:

.search-wrapper .search-handoff-button, .search-wrapper input {

 background: var(--newtab-background-color-secondary) var(--newtab-search-icon) 16px center no-repeat;
 background-size: 24px;
 padding-inline-start: 52px;
 padding-inline-end: 10px;
 padding-block: 0;
 width: 100%;
 box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
 border: 1px solid transparent;
 border-radius: 8px;
 color: var(--newtab-text-primary-color);
 -moz-context-properties: fill;
 fill: var(--newtab-text-secondary-color);

}

.top-site-outer .tile {

 border-radius: 8px;
 box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
 background-color: var(--newtab-background-color-secondary);
 justify-content: center;
 margin: 0 auto;
 height: 80px;
 width: 80px;
 cursor: pointer;
 position: relative;
 align-items: center;
 color: var(--newtab-text-secondary-color);
 display: flex;
 font-size: 32px;
 font-weight: 200;
 text-transform: uppercase;

}

.ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {

 border-radius: 8px;
 box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);

}

.card-outer .card {

 border-radius: 8px;
 box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
 height: 100%;

}

However, userChrome.css does show up on the left column in the style editor. Very odd. I restarted the browser of course.

Is this no longer supported? I am using Firefox (regular edition, not dev or nightly) and Windows 11.

Hope someone can help! Thanks in advance

Hello, I am wondering why userChrome.css is not loading. toolkit.legacyUserProfileCustomizations.stylesheets is set to true (about:config). I loaded userChrome.css opening the Profile Folder in about:support and dragging and dropping a "chrome" folder that contains userChrome.css respecting case sensitivity and file types. So the file now is under C:\Users\marce\AppData\Roaming\Mozilla\Firefox\Profiles\sv6gplmb.default-release-1681224431322\chrome. The css is simple, it is valid and it works in the Style Editor: .search-wrapper .search-handoff-button, .search-wrapper input { background: var(--newtab-background-color-secondary) var(--newtab-search-icon) 16px center no-repeat; background-size: 24px; padding-inline-start: 52px; padding-inline-end: 10px; padding-block: 0; width: 100%; box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32); border: 1px solid transparent; border-radius: 8px; color: var(--newtab-text-primary-color); -moz-context-properties: fill; fill: var(--newtab-text-secondary-color); } .top-site-outer .tile { border-radius: 8px; box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32); background-color: var(--newtab-background-color-secondary); justify-content: center; margin: 0 auto; height: 80px; width: 80px; cursor: pointer; position: relative; align-items: center; color: var(--newtab-text-secondary-color); display: flex; font-size: 32px; font-weight: 200; text-transform: uppercase; } .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) { border-radius: 8px; box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32); } .card-outer .card { border-radius: 8px; box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32); height: 100%; } However, userChrome.css does show up on the left column in the style editor. Very odd. I restarted the browser of course. Is this no longer supported? I am using Firefox (regular edition, not dev or nightly) and Windows 11. Hope someone can help! Thanks in advance

Giải pháp được chọn

That looks like code for the Firefox Home page and such CSS code should be in userContent.css. If the code isn't working then you may have to add the !important flag as it is possible that you need to override existing rules.

https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/

@-moz-document
  url-prefix(about:newtab),
  url-prefix(about:home) {
 .search-wrapper .search-handoff-button,
 .search-wrapper input {
  background: var(--newtab-background-color-secondary) var(--newtab-search-icon) 16px center no-repeat;
  background-size: 24px;
  padding-inline-start: 52px;
  padding-inline-end: 10px;
  padding-block: 0;
  width: 100%;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--newtab-text-primary-color);
  -moz-context-properties: fill;
  fill: var(--newtab-text-secondary-color);
 }

 .top-site-outer .tile {
  border-radius: 8px;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
  background-color: var(--newtab-background-color-secondary);
  justify-content: center;
  margin: 0 auto;
  height: 80px;
  width: 80px;
  cursor: pointer;
  position: relative;
  align-items: center;
  color: var(--newtab-text-secondary-color);
  display: flex;
  font-size: 32px;
  font-weight: 200;
  text-transform: uppercase;
 }

 .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
  border-radius: 8px;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
 }

 .card-outer .card {
  border-radius: 8px;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
  height: 100%;
 }
}

👍 0

Answer 1 · 2023-05-01 02:22:19

TyDraniu

Top 25 Contributor

02:59, 01/05/2023

Shouldn't it be userContent.css?

Answer 2 · 2023-05-01 02:22:19

user115335224976569831892259620582246724006 Người tạo câu hỏi

04:47, 01/05/2023

I believe it is userChrome.css for the NTP, userContent.css? for content... either way, I just added a minimal userContent.css and it doesn't load either. I am beginning to wonder if it only works in Firefox Developer, Firefox Nightly or it just doesn't work at all...

Answer 3 · 2023-05-01 02:22:19

cor-el

Moderator
Top 10 Contributor

07:44, 01/05/2023

Giải pháp được chọn

That looks like code for the Firefox Home page and such CSS code should be in userContent.css. If the code isn't working then you may have to add the !important flag as it is possible that you need to override existing rules.

https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/

@-moz-document
  url-prefix(about:newtab),
  url-prefix(about:home) {
 .search-wrapper .search-handoff-button,
 .search-wrapper input {
  background: var(--newtab-background-color-secondary) var(--newtab-search-icon) 16px center no-repeat;
  background-size: 24px;
  padding-inline-start: 52px;
  padding-inline-end: 10px;
  padding-block: 0;
  width: 100%;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--newtab-text-primary-color);
  -moz-context-properties: fill;
  fill: var(--newtab-text-secondary-color);
 }

 .top-site-outer .tile {
  border-radius: 8px;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
  background-color: var(--newtab-background-color-secondary);
  justify-content: center;
  margin: 0 auto;
  height: 80px;
  width: 80px;
  cursor: pointer;
  position: relative;
  align-items: center;
  color: var(--newtab-text-secondary-color);
  display: flex;
  font-size: 32px;
  font-weight: 200;
  text-transform: uppercase;
 }

 .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
  border-radius: 8px;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
 }

 .card-outer .card {
  border-radius: 8px;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
  height: 100%;
 }
}

Answer 4 · 2023-05-01 02:22:19

user115335224976569831892259620582246724006 Người tạo câu hỏi

09:27, 01/05/2023

TyDraniu said

Shouldn't it be userContent.css?

You were right. My appologies.

Answer 5 · 2023-05-01 02:22:19

user115335224976569831892259620582246724006 Người tạo câu hỏi

09:29, 01/05/2023

TyDraniu said

Shouldn't it be userContent.css?

cor-el said

That looks like code for the Firefox Home page and such CSS code should be in userContent.css. If the code isn't working then you may have to add the !important flag as it is possible that you need to override existing rules.

https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/

@-moz-document
  url-prefix(about:newtab),
  url-prefix(about:home) {
 .search-wrapper .search-handoff-button,
 .search-wrapper input {
  background: var(--newtab-background-color-secondary) var(--newtab-search-icon) 16px center no-repeat;
  background-size: 24px;
  padding-inline-start: 52px;
  padding-inline-end: 10px;
  padding-block: 0;
  width: 100%;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--newtab-text-primary-color);
  -moz-context-properties: fill;
  fill: var(--newtab-text-secondary-color);
 }

 .top-site-outer .tile {
  border-radius: 8px;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
  background-color: var(--newtab-background-color-secondary);
  justify-content: center;
  margin: 0 auto;
  height: 80px;
  width: 80px;
  cursor: pointer;
  position: relative;
  align-items: center;
  color: var(--newtab-text-secondary-color);
  display: flex;
  font-size: 32px;
  font-weight: 200;
  text-transform: uppercase;
 }

 .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
  border-radius: 8px;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
 }

 .card-outer .card {
  border-radius: 8px;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
  height: 100%;
 }
}

Thank you and TyDraniu cor-el said

That looks like code for the Firefox Home page and such CSS code should be in userContent.css. If the code isn't working then you may have to add the !important flag as it is possible that you need to override existing rules.

https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/

@-moz-document
  url-prefix(about:newtab),
  url-prefix(about:home) {
 .search-wrapper .search-handoff-button,
 .search-wrapper input {
  background: var(--newtab-background-color-secondary) var(--newtab-search-icon) 16px center no-repeat;
  background-size: 24px;
  padding-inline-start: 52px;
  padding-inline-end: 10px;
  padding-block: 0;
  width: 100%;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--newtab-text-primary-color);
  -moz-context-properties: fill;
  fill: var(--newtab-text-secondary-color);
 }

 .top-site-outer .tile {
  border-radius: 8px;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
  background-color: var(--newtab-background-color-secondary);
  justify-content: center;
  margin: 0 auto;
  height: 80px;
  width: 80px;
  cursor: pointer;
  position: relative;
  align-items: center;
  color: var(--newtab-text-secondary-color);
  display: flex;
  font-size: 32px;
  font-weight: 200;
  text-transform: uppercase;
 }

 .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
  border-radius: 8px;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
 }

 .card-outer .card {
  border-radius: 8px;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
  height: 100%;
 }
}

cor-el said

That looks like code for the Firefox Home page and such CSS code should be in userContent.css. If the code isn't working then you may have to add the !important flag as it is possible that you need to override existing rules.

https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/

@-moz-document
  url-prefix(about:newtab),
  url-prefix(about:home) {
 .search-wrapper .search-handoff-button,
 .search-wrapper input {
  background: var(--newtab-background-color-secondary) var(--newtab-search-icon) 16px center no-repeat;
  background-size: 24px;
  padding-inline-start: 52px;
  padding-inline-end: 10px;
  padding-block: 0;
  width: 100%;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--newtab-text-primary-color);
  -moz-context-properties: fill;
  fill: var(--newtab-text-secondary-color);
 }

 .top-site-outer .tile {
  border-radius: 8px;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
  background-color: var(--newtab-background-color-secondary);
  justify-content: center;
  margin: 0 auto;
  height: 80px;
  width: 80px;
  cursor: pointer;
  position: relative;
  align-items: center;
  color: var(--newtab-text-secondary-color);
  display: flex;
  font-size: 32px;
  font-weight: 200;
  text-transform: uppercase;
 }

 .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
  border-radius: 8px;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
 }

 .card-outer .card {
  border-radius: 8px;
  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32);
  height: 100%;
 }
}

Thank you TyDraniu and cor-el ! It does work. Yes, it was userContent.css and I also needed to add the important flag.

''TyDraniu [[#answer-1578372|said]]'' <blockquote>Shouldn't it be userContent.css? </blockquote> ''cor-el [[#answer-1578398|said]]'' <blockquote>That looks like code for the Firefox Home page and such CSS code should be in userContent.css. If the code isn't working then you may have to add the !important flag as it is possible that you need to override existing rules. *https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/ ---- <pre><nowiki>@-moz-document url-prefix(about:newtab), url-prefix(about:home) { .search-wrapper .search-handoff-button, .search-wrapper input { background: var(--newtab-background-color-secondary) var(--newtab-search-icon) 16px center no-repeat; background-size: 24px; padding-inline-start: 52px; padding-inline-end: 10px; padding-block: 0; width: 100%; box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32); border: 1px solid transparent; border-radius: 8px; color: var(--newtab-text-primary-color); -moz-context-properties: fill; fill: var(--newtab-text-secondary-color); } .top-site-outer .tile { border-radius: 8px; box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32); background-color: var(--newtab-background-color-secondary); justify-content: center; margin: 0 auto; height: 80px; width: 80px; cursor: pointer; position: relative; align-items: center; color: var(--newtab-text-secondary-color); display: flex; font-size: 32px; font-weight: 200; text-transform: uppercase; } .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) { border-radius: 8px; box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32); } .card-outer .card { border-radius: 8px; box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32); height: 100%; } }</nowiki></pre> </blockquote> Thank you and TyDraniu ''cor-el [[#answer-1578398|said]]'' <blockquote>That looks like code for the Firefox Home page and such CSS code should be in userContent.css. If the code isn't working then you may have to add the !important flag as it is possible that you need to override existing rules. *https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/ ---- <pre><nowiki>@-moz-document url-prefix(about:newtab), url-prefix(about:home) { .search-wrapper .search-handoff-button, .search-wrapper input { background: var(--newtab-background-color-secondary) var(--newtab-search-icon) 16px center no-repeat; background-size: 24px; padding-inline-start: 52px; padding-inline-end: 10px; padding-block: 0; width: 100%; box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32); border: 1px solid transparent; border-radius: 8px; color: var(--newtab-text-primary-color); -moz-context-properties: fill; fill: var(--newtab-text-secondary-color); } .top-site-outer .tile { border-radius: 8px; box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32); background-color: var(--newtab-background-color-secondary); justify-content: center; margin: 0 auto; height: 80px; width: 80px; cursor: pointer; position: relative; align-items: center; color: var(--newtab-text-secondary-color); display: flex; font-size: 32px; font-weight: 200; text-transform: uppercase; } .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) { border-radius: 8px; box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32); } .card-outer .card { border-radius: 8px; box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32); height: 100%; } }</nowiki></pre> </blockquote> ''cor-el [[#answer-1578398|said]]'' <blockquote>That looks like code for the Firefox Home page and such CSS code should be in userContent.css. If the code isn't working then you may have to add the !important flag as it is possible that you need to override existing rules. *https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/ ---- <pre><nowiki>@-moz-document url-prefix(about:newtab), url-prefix(about:home) { .search-wrapper .search-handoff-button, .search-wrapper input { background: var(--newtab-background-color-secondary) var(--newtab-search-icon) 16px center no-repeat; background-size: 24px; padding-inline-start: 52px; padding-inline-end: 10px; padding-block: 0; width: 100%; box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32); border: 1px solid transparent; border-radius: 8px; color: var(--newtab-text-primary-color); -moz-context-properties: fill; fill: var(--newtab-text-secondary-color); } .top-site-outer .tile { border-radius: 8px; box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32); background-color: var(--newtab-background-color-secondary); justify-content: center; margin: 0 auto; height: 80px; width: 80px; cursor: pointer; position: relative; align-items: center; color: var(--newtab-text-secondary-color); display: flex; font-size: 32px; font-weight: 200; text-transform: uppercase; } .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) { border-radius: 8px; box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32); } .card-outer .card { border-radius: 8px; box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32); height: 100%; } }</nowiki></pre> </blockquote> Thank you TyDraniu and cor-el ! It does work. Yes, it was userContent.css and I also needed to add the important flag.

Answer 6 · 2023-05-01 02:22:19

cor-el

Moderator
Top 10 Contributor

09:35, 01/05/2023

You're welcome.

Can you post your CSS code updated with !important in case other want to use it ?

Answer 7 · 2023-05-01 02:22:19

user115335224976569831892259620582246724006 Người tạo câu hỏi

19:13, 01/05/2023

cor-el said

You're welcome. Can you post your CSS code updated with !important in case other want to use it ?

Sure, I just added more prominent drop shadows to shortcuts, pocket recommendations and recent activity using: box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32) !important;

Here is the full code:

@-moz-document

 url-prefix(about:newtab),
 url-prefix(about:home) {
.search-wrapper .search-handoff-button,
.search-wrapper input {
 background: var(--newtab-background-color-secondary) var(--newtab-search-icon) 16px center no-repeat;
 background-size: 24px;
 padding-inline-start: 52px;
 padding-inline-end: 10px;
 padding-block: 0;
 width: 100%;
 box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32) !important;
 border: 1px solid transparent;
 border-radius: 8px;
 color: var(--newtab-text-primary-color);
 -moz-context-properties: fill;
 fill: var(--newtab-text-secondary-color);
}

.top-site-outer .tile {
 border-radius: 8px;
 box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32) !important;
 background-color: var(--newtab-background-color-secondary);
 justify-content: center;
 margin: 0 auto;
 height: 80px;
 width: 80px;
 cursor: pointer;
 position: relative;
 align-items: center;
 color: var(--newtab-text-secondary-color);
 display: flex;
 font-size: 32px;
 font-weight: 200;
 text-transform: uppercase;
}

.ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
 border-radius: 8px;
 box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32) !important;
}

.card-outer .card {
 border-radius: 8px;
 box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.32) !important;
 height: 100%;
}

}

Answer 8 · 2023-05-01 02:22:19

cor-el

Moderator
Top 10 Contributor

03:21, 02/05/2023

Thanks.

Answer 9 · 2023-05-01 02:22:19

user115335224976569831892259620582246724006 Người tạo câu hỏi

03:41, 02/05/2023

You are welcome. Here is the one I ended up using. It makes the word "Firefox" a bit bigger, it removes the logo (nothing wrong with it but I like it better this way) and the drop shadows are more subtle. It is the one I ended up using.

.search-wrapper .search-handoff-button, .search-wrapper input {

   background: var(--newtab-background-color-secondary) var(--newtab-search-icon) 16px center no-repeat;
   background-size: 24px;
   padding-inline-start: 52px;
   padding-inline-end: 10px;
   padding-block: 0;
   width: 100%;
   box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.32) !important;
   border: 1px solid transparent;
   border-radius: 8px;
   color: var(--newtab-text-primary-color);
   -moz-context-properties: fill;
   fill: var(--newtab-text-secondary-color);
 }
 
 .top-site-outer .tile {
   border-radius: 8px;
   box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.32) !important;
   background-color: var(--newtab-background-color-secondary);
   justify-content: center;
   margin: 0 auto;
   height: 80px;
   width: 80px;
   cursor: pointer;
   position: relative;
   align-items: center;
   color: var(--newtab-text-secondary-color);
   display: flex;
   font-size: 32px;
   font-weight: 200;
   text-transform: uppercase;
 }
 
 .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
   border-radius: 8px;
   box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.32) !important;
 }
 
 .card-outer .card {
   border-radius: 8px;
   box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.32) !important;
   height: 100%;
 }
 
 .search-wrapper .search-inner-wrapper {
   display: none !important;
 }

 .search-wrapper .logo-and-wordmark .logo {
   display: none !important;
 }

 .search-wrapper .logo-and-wordmark .wordmark {
   background: url("chrome://branding/content/firefox-wordmark.svg") no-repeat center center;
     background-size: auto;
   background-size: 200px !important;
   -moz-context-properties: fill;
   display: inline-block;
   fill: var(--newtab-wordmark-color);
   height: 82px;
   margin-inline-start: 0px !important;
   width: 200px !important;
 }

You are welcome. Here is the one I ended up using. It makes the word "Firefox" a bit bigger, it removes the logo (nothing wrong with it but I like it better this way) and the drop shadows are more subtle. It is the one I ended up using. .search-wrapper .search-handoff-button, .search-wrapper input { background: var(--newtab-background-color-secondary) var(--newtab-search-icon) 16px center no-repeat; background-size: 24px; padding-inline-start: 52px; padding-inline-end: 10px; padding-block: 0; width: 100%; box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.32) !important; border: 1px solid transparent; border-radius: 8px; color: var(--newtab-text-primary-color); -moz-context-properties: fill; fill: var(--newtab-text-secondary-color); } .top-site-outer .tile { border-radius: 8px; box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.32) !important; background-color: var(--newtab-background-color-secondary); justify-content: center; margin: 0 auto; height: 80px; width: 80px; cursor: pointer; position: relative; align-items: center; color: var(--newtab-text-secondary-color); display: flex; font-size: 32px; font-weight: 200; text-transform: uppercase; } .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) { border-radius: 8px; box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.32) !important; } .card-outer .card { border-radius: 8px; box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.32) !important; height: 100%; } .search-wrapper .search-inner-wrapper { display: none !important; } .search-wrapper .logo-and-wordmark .logo { display: none !important; } .search-wrapper .logo-and-wordmark .wordmark { background: url("chrome://branding/content/firefox-wordmark.svg") no-repeat center center; background-size: auto; background-size: 200px !important; -moz-context-properties: fill; display: inline-block; fill: var(--newtab-wordmark-color); height: 82px; margin-inline-start: 0px !important; width: 200px !important; }

Answer 10 · 2023-05-01 02:22:19

cor-el

Moderator
Top 10 Contributor

04:07, 02/05/2023

Note that there is a pref for showing the logo on the Firefox Home page.

about:config => browser.newtabpage.activity-stream.logowordmark.AlwaysVisible

Answer 11 · 2023-05-01 02:22:19

user115335224976569831892259620582246724006 Người tạo câu hỏi

08:00, 02/05/2023

cor-el said

Note that there is a pref for showing the logo on the Firefox Home page.
about:config => browser.newtabpage.activity-stream.logowordmark.AlwaysVisible

That is cool, however, it do want to see the word "Firefox".

Answer 12 · 2023-05-01 02:22:19

user115335224976569831892259620582246724006 Người tạo câu hỏi

09:51, 12/05/2023

And along came the 111. 3 update and messed everything up... So everyone knows...

Tìm kiếm hỗ trợ

userChrome.css not working

Giải pháp được chọn

Tất cả các câu trả lời (12)

Giải pháp được chọn

Khám phá theo sản phẩm

Khám phá theo chủ đề

Duyệt theo sản phẩm

Duyệt tất cả các chủ đề của diễn đàn theo chủ đề

Nhận trợ giúp với

Tìm kiếm hỗ trợ

userChrome.css not working

Giải pháp được chọn

Tất cả các câu trả lời (12)

Giải pháp được chọn