Hi,

libreWolf V.123 (with firefox-gx theme [(https://github.com/Godiesc/firefox-gx)] ), broke the color of the checkbox check. it was black now its white.

the code:
--checkbox-checked-color: black !important;
not working anymore.
Not in ogx_notifications.css, and not in ogx_UC-settings-addons-pages.css.

There is any code for change the checkbox check to black again?

Thanks :-)

  • soilentgreen@lemmy.worldOP
    1·
    9 months ago

    Hi, It worked your code colored the checkbox-checked to black. Thanks :-) But I can’t find how to change the hover color. I would appreciate if you could help me with that as well.

    • MrOtherGuy@lemmy.worldM
      1·
      9 months ago

      You can just add this:

      .checkbox-check:hover{
  background: #00f;
}

      Although, in case you mean to change the color of the checkmark, and not the box then you first need to forward fill-color to the svg image. Now the checkmark is black just because black happens to be the default color in case fill is not defined in css.

      So like this:

      .checkbox-check{
  appearance: none !important;
  background: #f00; 
}
.checkbox-check[checked]{
  background-image: url("chrome://global/skin/icons/menu-check.svg");
  -moz-context-properties: fill;
  fill: #000;
}
.checkbox-check[checked]:hover{
  fill: #fff;
}