How to disable colors from Firefox via custom css

[Member RJP]

I would like to make custom css-file for Firefox with no-color and greyscale (black and white only). How does it happens?

[Member Lead Farmer]

Helpful

Up

1

::

First you need enable CSS See here and you can find style you what to change.
I also recommend posting your questions in the subreddit FirefoxCSS, it’s a nice community that can help you.

I stopped using Firefox almost a year ago so I can’t really help you

Here some links about CSS that you might find helpful:
https://mrotherguy.github.io/ToyfoCSS/
https://github.com/MrOtherGuy/firefox-csshacks
https://firefoxcss-store.github.io/

• This reply was modified 2 months ago by Lead Farmer.
• This reply was modified 2 months ago by Lead Farmer.
• This reply was modified 2 months ago by Lead Farmer.

[Member RJP]

Helpful

Up

0

::

Great tips! I have almost reached the goal, but I cannot get greyscale on. =?

My css in this moment (not working properly).

* {
  color: grayscale(1) !important 
  background-color: grayscale(1) !important;
  border-color: grayscale(1) !important;
  text-shadow: grayscale(1) !important;
  opacity: 1 !important;
  link: color: grayscale(1) !important;
  img: grayscale(1)
}

Attachments:

1. 

   not-ready-yet.jpg
   

[Member Lead Farmer]

Helpful

Up

0

::

Do you want to edit the Firefox browser like tabs, taskbar, sidebar, menu… or you want to edit the web page itself like “google.com”?

If you what to to edit the web-page CSS you need to install Stylus add-on, if so tell me what do you to edit and I will try to help you, and on witch website.

You can check out some of my styles https://userstyles.world/user/oren64

• This reply was modified 2 months ago by Lead Farmer.
• This reply was modified 2 months ago by Lead Farmer.
• This reply was modified 2 months ago by Lead Farmer.

[Member RJP]

Helpful

Up

0

::

Just trying to make this old Fujitsu workable (horrible SIS 661/741/760 graphic card).

Via settings about:preferences control colors must set as “use system colors always.

• This reply was modified 2 months ago by RJP.
• This reply was modified 2 months ago by RJP.

Attachments:

1. 

   system-colors.jpg
   

1. inxi.txt.zip

[Member Lead Farmer]

Helpful

Up

0

::

I really don’t know what you want to do, or what it have to do with CSS in firefox.

If you are trying to edit the colors of your screens try xrandr or xgamma

xgamma -rgamma 0.6 -ggamma 0.6 -bgamma 0.6

other then that I can’t really help you.

[Member RJP]

Helpful

Up

0

::

My goal is to make Firefox faster and lighter in an old computer. The next css works quite well, even greyscale does not work.

img {
  /*image-rendering: auto;*/
  /*image-rendering: crisp-edges;*/
  image-rendering: pixelated;
  /* Global values */
  image-rendering: inherit;
   -webkit-filter: grayscale(1); 
   -moz-filter: grayscale(1);
   -ms-filter: grayscale(1);
   -o-filter: grayscale(1);
    filter: grayscale(1);
    filter: url(grayscale.svg); /* Firefox 4+ */
    filter: gray; /* IE 6-9 */
}

[Author]

Posts