:-moz-system-metric(windows-default-theme)

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

The :-moz-system-metric(windows-default-theme) CSS pseudo-class matches an element if the user is currently using one of the following themes in Windows: Luna, Royale, Zune, or Aero (i.e., Vista Basic, Vista Standard, or Aero Glass). This will exclude Windows Classic themes as well as third-party themes.

This selector is intended for use mainly by theme developers.

Note: Since Firefox 58, this pseudo-class is no longer available to web content — it is only available internally (e.g. to XUL / chrome code). See bug 1396066 for more details.

Example

HTML Content

<p id="defaultThemes">
  This paragraph should have a green background with Luna/Royale/Zune/Aero
  Windows themes and red with other themes.
</p>

<p id="nonDefaultThemes">
  This paragraph should have a green background with Windows Classic or
  third-party themes and red with other themes.
</p>

<p id="notSupported">Theme detection is not supported.</p>

CSS Content

#defaultThemes,
#nonDefaultThemes {
  background-color: #FFA0A0;
}

#defaultThemes:-moz-system-metric(windows-default-theme) {
  background-color: #A0FFA0;
}

#nonDefaultThemes:not(-moz-system-metric(windows-default-theme)) {
  background-color: #A0FFA0;
}

#notSupported:-moz-system-metric(windows-default-theme),
#notSupported:not(:-moz-system-metric(windows-default-theme)) {
  display: none;
}

Specifications

Not part of any specification.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
:-moz-system-metric(windows-default-theme)
DeprecatedNon-standard
Chrome No support NoEdge No support NoFirefox No support 3 — 58
Notes
No support 3 — 58
Notes
Notes Internal only since Firefox 58 (See bug 1396066).
IE No support NoOpera No support NoSafari No support NoWebView Android No support NoChrome Android No support NoFirefox Android No support 4 — 58
Notes
No support 4 — 58
Notes
Notes Internal only since Firefox 58 (See bug 1396066).
Opera Android No support NoSafari iOS No support NoSamsung Internet Android No support No

Legend

No support  
No support
Non-standard. Expect poor cross-browser support.
Non-standard. Expect poor cross-browser support.
Deprecated. Not for use in new websites.
Deprecated. Not for use in new websites.
See implementation notes.
See implementation notes.

Last modified:

, by MDN contributors
Related Topics
  1. CSS
  2. CSS Reference
  3. CSS Selectors
  4. Guides
    1. Using the :target pseudo-class in selectors
  5. Basic Selectors
    1. Type selectors
    2. Class selectors
    3. ID selectors
    4. Universal selectors
    5. Attribute selectors
  6. Combinators
    1. Adjacent sibling combinator
    2. General sibling combinator
    3. Child combinator
    4. Descendant combinator
    5. Column combinator
  7. Pseudo-classes
    1. :active
    2. :any-link
    3. :checked
    4. :blank
    5. :default
    6. :defined
    7. :dir()
    8. :disabled
    9. :empty
    10. :enabled
    11. :first
    12. :first-child
    13. :first-of-type
    14. :fullscreen
    15. :focus
    16. :focus-visible
    17. :focus-within
    18. :has()
    19. :host()
    20. :host-context()
    21. :hover
    22. :indeterminate
    23. :in-range
    24. :invalid
    25. :is() (:matches(), :any())
    26. :lang()
    27. :last-child
    28. :last-of-type
    29. :left
    30. :link
    31. :not()
    32. :nth-child()
    33. :nth-last-child()
    34. :nth-last-of-type()
    35. :nth-of-type()
    36. :only-child
    37. :only-of-type
    38. :optional
    39. :out-of-range
    40. :placeholder-shown
    41. :read-only
    42. :read-write
    43. :required
    44. :right
    45. :root
    46. :scope
    47. :target
    48. :valid
    49. :visited
    50. :where()
  8. Pseudo-elements
    1. ::-moz-progress-bar
    2. ::-moz-range-progress
    3. ::-moz-range-thumb
    4. ::-moz-range-track
    5. ::-ms-browse
    6. ::-ms-check
    7. ::-ms-clear
    8. ::-ms-expand
    9. ::-ms-fill
    10. ::-ms-fill-lower
    11. ::-ms-fill-upper
    12. ::-ms-reveal
    13. ::-ms-thumb
    14. ::-ms-ticks-after
    15. ::-ms-ticks-before
    16. ::-ms-tooltip
    17. ::-ms-track
    18. ::-ms-value
    19. ::-webkit-progress-bar
    20. ::-webkit-progress-value
    21. ::-webkit-slider-runnable-track
    22. ::-webkit-slider-thumb
    23. ::after (:after)
    24. ::backdrop
    25. ::before (:before)
    26. ::cue
    27. ::first-letter (:first-letter)
    28. ::first-line (:first-line)
    29. ::grammar-error
    30. ::marker
    31. ::part()
    32. ::placeholder
    33. ::selection
    34. ::slotted()
    35. ::spelling-error