Avatar for Username

Αναζήτηση στην υποστήριξη

Προσοχή στις απάτες! Δεν θα σας ζητήσουμε ποτέ να καλέσετε ή να στείλετε μήνυμα σε κάποιον αριθμό τηλεφώνου ή να μοιραστείτε προσωπικά δεδομένα. Αναφέρετε τυχόν ύποπτη δραστηριότητα μέσω της επιλογής «Αναφορά κατάχρησης».

Μάθετε περισσότερα

Αυτό το νήμα αρχειοθετήθηκε. Παρακαλούμε κάντε νέα ερώτηση αν χρειάζεστε βοήθεια.

Add-on dev: How can I edit Firefox UI CSS?

  • 2 απαντήσεις
  • 1 έχει αυτό το πρόβλημα
  • 1 προβολή
  • Τελευταία απάντηση από cor-el

dukevin
dukevin
more options

I'm developing an add-on for Firefox which will take the colors from the favicon of the current tab to color bits of the tab-bar dynamically.

I'm having trouble finding out how I can modify browser CSS, for example in the Browser Tool box console, this works perfectly fine: ```const activeTab = document.querySelector('.tabbrowser-tab[selected="true"] .tab-background'); activeTab.style.background = "rgb(0, 221, 255)";```

but when inputting this same code in my add-on, it cannot query that same selector (I've given it tabs and theme permissions). This also does not work as a stylesheet.

Can anyone point me to what I need to access the browser UI DOM?

I'm developing an add-on for Firefox which will take the colors from the favicon of the current tab to color bits of the tab-bar dynamically. I'm having trouble finding out how I can modify browser CSS, for example in the Browser Tool box console, this works perfectly fine: ```const activeTab = document.querySelector('.tabbrowser-tab[selected="true"] .tab-background'); activeTab.style.background = "rgb(0, 221, 255)";``` but when inputting this same code in my add-on, it cannot query that same selector (I've given it tabs and theme permissions). This also does not work as a stylesheet. Can anyone point me to what I need to access the browser UI DOM?

Όλες οι απαντήσεις (2)

Paul
Paul
  • Moderator
  • Top 10 Contributor
more options

Hi

You may wish to ask about this issue in the add-on developers forum at:

https://discourse.mozilla.org/c/add-ons/35

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Web extensions can't access content in the user interface like the Tab bar, they can only interact with webpage content. You can't do this via an extension, this can only be done via userChrome.css.