• Skip to main content
  • Select language
  • Skip to search
MDN Web Docs
  • Technologies
    • HTML
    • CSS
    • JavaScript
    • Graphics
    • HTTP
    • APIs / DOM
    • WebExtensions
    • MathML
  • References & Guides
    • Learn web development
    • Tutorials
    • References
    • Developer Guides
    • Accessibility
    • Game development
    • ...more docs
Add-ons
  1. MDN
  2. Mozilla
  3. Add-ons
  4. Browser extensions
  5. JavaScript APIs
  6. devtools.panels
  7. devtools.panels.onThemeChanged

devtools.panels.onThemeChanged

In This Article
  1. Syntax
  2. addListener syntax
    1. Parameters
  3. Browser compatibility
  4. Examples

Fired when the devtools theme changes.

Syntax

browser.devtools.panels.onThemeChanged.addListener(listener)
browser.devtools.panels.onThemeChanged.removeListener(listener)
browser.devtools.panels.onThemeChanged.hasListener(listener)

Events have three functions:

addListener(callback)
Adds a listener to this event.
removeListener(listener)
Stop listening to this event. The listener argument is the listener to remove.
hasListener(listener)
Check whether listener is registered for this event. Returns true if it is listening, false otherwise.

addListener syntax

Parameters

callback

Function that will be called when this event occurs. The function will be passed the following arguments:

themeName
string. Name of the new theme: this will be one of the permitted values for devtools.panels.themeName.

Browser compatibility

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

ChromeEdgeFirefoxFirefox for AndroidOpera
Basic supportNoNo55NoNo

Examples

browser.devtools.panels.onThemeChanged.addListener((newThemeName) => {
  console.log(`New theme: ${newThemeName}`);
});

Acknowledgements

This API is based on Chromium's chrome.devtools API.

Microsoft Edge compatibility data is supplied by Microsoft Corporation and is included here under the Creative Commons Attribution 3.0 United States License.

Document Tags and Contributors

Tags: 
  • Add-ons
  • API
  • DevTools
  • devtools.panels
  • onThemeChanged
  • Reference
  • WebExtensions
 Contributors to this page: wbamberg
 Last updated by: wbamberg, Jun 6, 2017, 12:40:50 PM
See also
  1. Browser extensions
  2. Getting started
    1. What are extensions?
    2. Your first extension
    3. Your second extension
    4. Anatomy of an extension
    5. Example extensions
  3. How to
    1. Intercept HTTP requests
    2. Modify a web page
    3. Add a button to the toolbar
    4. Implement a settings page
  4. User interface
    1. Introduction
    2. Toolbar button
    3. Address bar button
    4. Sidebar
    5. Context menu items
    6. Options page
    7. Bundled web pages
    8. Notifications
    9. Address bar suggestions
    10. Developer tools panels
  5. Concepts
    1. Using the JavaScript APIs
    2. Content scripts
    3. Match patterns
    4. Internationalization
    5. Content Security Policy
    6. Native messaging
  6. Porting
    1. Porting a Google Chrome extension
    2. Porting a legacy Firefox extension
    3. Embedded WebExtensions
    4. Comparison with the Add-on SDK
    5. Comparison with XUL/XPCOM extensions
    6. Chrome incompatibilities
    7. Differences between desktop and Android
  7. Firefox workflow
    1. Temporary Installation in Firefox
    2. Debugging
    3. Developing for Firefox for Android
    4. Getting started with web-ext
    5. web-ext command reference
    6. Extensions and the Add-on ID
    7. Publishing your extension
  8. JavaScript APIs
    1. Browser support for JavaScript APIs
    2. alarms
    3. bookmarks
    4. browserAction
    5. browsingData
    6. commands
    7. contextMenus
    8. contextualIdentities
    9. cookies
    10. devtools.inspectedWindow
    11. devtools.network
    12. devtools.panels
      1. downloads
      2. events
      3. extension
      4. extensionTypes
      5. history
      6. i18n
      7. identity
      8. idle
      9. management
      10. notifications
      11. omnibox
      12. pageAction
      13. permissions
      14. privacy
      15. proxy
      16. runtime
      17. sessions
      18. sidebarAction
      19. storage
      20. tabs
      21. topSites
      22. types
      23. webNavigation
      24. webRequest
      25. windows
    13. Manifest keys
      1. applications
      2. author
      3. background
      4. browser_action
      5. chrome_settings_overrides
      6. chrome_url_overrides
      7. commands
      8. content_scripts
      9. content_security_policy
      10. default_locale
      11. description
      12. developer
      13. devtools_page
      14. homepage_url
      15. icons
      16. incognito
      17. manifest_version
      18. name
      19. omnibox
      20. optional_permissions
      21. options_ui
      22. page_action
      23. permissions
      24. protocol_handlers
      25. short_name
      26. sidebar_action
      27. version
      28. web_accessible_resources
    14. Themes
    15. Publishing add-ons
    16. Guides
      1. Signing and distribution overview
      2. Submit an add-on
      3. Creating an appealing listing
      4. Review policies
      5. Developer agreement
      6. Featured add-ons
      7. Contact addons.mozilla.org
    17. Community and support
    18. Channels
      1. Add-ons blog
      2. Add-on forums
      3. Stack Overflow
      4. Development newsgroup
      5. IRC Channel
    19. Legacy add-ons
    20. Legacy technologies
      1. Add-on SDK
      2. Legacy Firefox for Android
      3. Bootstrapped extensions
      4. Overlay extensions