Is there anyway i can change the background of google meet bar to an image using a chrome extension?

Question

I tried this and the color changed:

.q2u11 {
    background-color: rgb(0, 68, 255); }

But when i try this nothing happens:

.q2u11 {
    background-image: url(image1.png);
}

Im trying to do this using content_scripts

Answer 1

Add background-image: url(imageurl); to this .rG0ybd.LCXT6 class using an custom chrome extension or userscript extensions like Tamper Monkey.

Example code:

.rG0ybd.LCXT6 {
  background-image: url(https://source.unsplash.com/random);
}

Working Proof:

---

To change text-color you need to select individual elements using classes.

Here are some of them

.Jyj1Td.CkXZgc {
  color: #e91e63; /* For "Meeting details" text */
}

.DPvwYc.o9fq9d {
  color: #ff5722; /* For present_to_all icon */
}

.YhIwSc {
  color: #27ff06; /* For "Present now" text */
}

.uJNmj.FTMc0c {
  /* For Center Buttons */
  background-color: #5907f7;
  border: 4px solid #ffc107;
}