getBrowserTheme() — react Function Reference

Architecture documentation for the getBrowserTheme() function in utils.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ getBrowserTheme() — react Function Reference

Dependency Diagram

graph TD
  d1ec5588_c5b3_a483_e9b6_ebb87a5d9fd8["getBrowserTheme()"]
  74bd19f4_2af1_7f72_caea_df13aa3e4693["utils.js"]
  d1ec5588_c5b3_a483_e9b6_ebb87a5d9fd8 -->|defined in| 74bd19f4_2af1_7f72_caea_df13aa3e4693
  style d1ec5588_c5b3_a483_e9b6_ebb87a5d9fd8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-extensions/src/utils.js lines 5–22

export function getBrowserTheme(): BrowserTheme {
  if (__IS_CHROME__) {
    // chrome.devtools.panels added in Chrome 18.
    // chrome.devtools.panels.themeName added in Chrome 54.
    return chrome.devtools.panels.themeName === 'dark' ? 'dark' : 'light';
  } else {
    // chrome.devtools.panels.themeName added in Firefox 55.
    // https://developer.mozilla.org/en-US/Add-ons/WebExtensions/API/devtools.panels/themeName
    if (chrome.devtools && chrome.devtools.panels) {
      switch (chrome.devtools.panels.themeName) {
        case 'dark':
          return 'dark';
        default:
          return 'light';
      }
    }
  }
}