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 :-)

  • MrOtherGuy@lemmy.worldM
    2·
    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;
}
    • soilentgreen@lemmy.worldOP
      1·
      9 months ago

      Thank you very much. You’re truly a master. And the reason I am wrote master is because for a few weeks I’ve been looking for a solution and I asked in some forums, and you the only one who knew, and you even wrote a code for changing the color of the check mark. Many thanks. ​