Add background colors on Query log + switchable text coloring (as before)

[PromoFaux]

By submitting this pull request, I confirm the following:

• I have read and understood the contributors guide, as well as this entire template.
• I have made only one major change in my proposed changes.
• I have commented my proposed changes within the code.
• I have tested my proposed changes, and have included unit tests where possible.
• I am willing to help maintain this change if there are issues with it later.
• I give this submission freely and claim no ownership.
• It is compatible with the EUPL 1.2 license
• I have squashed any insignificant commits. (git rebase)

---

What does this PR aim to accomplish?:

I'm going to throw a spanner in the works here, been playing about with this as a middle ground using background-color: rgb(229,83,75,0.1)!important; for blocked and background-color: rgb(70,149,74,0.1)!important; for allowed

[DL6ER]

prettier failed

[DL6ER]

It still fails 🙃 I'll fix it when merging #1888 into this PR.

[DL6ER]

@PromoFaux Please give it another look. I replaced the text variable rowClass = "blocked-row" by a boolean blocked so we need to change it in only one location if we ever need to change something.

[pralor-bot]

This pull request has been mentioned on Pi-hole Userspace. There might be relevant details there:

https://discourse.pi-hole.net/t/theme-changed/49735/4

[pralor-bot]

This pull request has been mentioned on Pi-hole Userspace. There might be relevant details there:

https://discourse.pi-hole.net/t/neues-update-und-farbe-im-querry-log/49755/2

[pralor-bot]

This pull request has been mentioned on Pi-hole Userspace. There might be relevant details there:

https://discourse.pi-hole.net/t/neues-update-und-farbe-im-querry-log/49755/7

[dschaper]

Node test passed, the status is hung up here.

https://github.com/pi-hole/AdminLTE/actions/runs/1254831670

Okay to merge with admin override.

[rdwebdesign]

@PromoFaux, I have a suggestion:

Applying the CSS rule on the td tag you can get a better result without using !important:

.blocked-row td {
  background-color: rgb(229, 83, 75, 0.1);
}

.allowed-row td {
  background-color: rgb(70, 149, 74, 0.1);
}

That way, all themes keep the striped visual, and the dark themes still have the hover effect.