---
title: ':-moz-system-metric(windows-default-theme)'
slug: 'Web/CSS/:-moz-system-metric/windows-default-theme'
tags:
  - CSS
  - Non-standard
  - Pseudo-classe
  - Reference
translation_of: 'Archive/Web/CSS/:-moz-system-metric/windows-default-theme'
---
<div>{{Non-standard_header}}{{CSSRef}}</div>

<p>La pseudo-classe <strong><code>:-moz-system-metric(windows-default-theme)</code></strong> correspond à un élément si l'utilisateur utilise l'un des thèmes Windows suivant : Luna, Royale, Zune ou Aero (c'est-à-dire Vista Basic, Vista Standard ou Aero Glass). Les thèmes Windows classiques et les thèmes tiers sont exclus.</p>

<p>Ce sélecteur est principalement destiné aux développeurs de thèmes.</p>

<div class="note">
<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p>
</div>

<h2 id="Exemples">Exemples</h2>

<h3 id="CSS">CSS</h3>

<pre class="brush: css">#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;
}</pre>

<h3 id="HTML">HTML</h3>

<pre class="brush: html">&lt;p id="defaultThemes"&gt;
  Ce paragraphe devrait avoir un fond vert avec les thèmes Windows
  Luna/Royale/Zune/Aero et un fond rouge avec les autres.
&lt;/p&gt;

&lt;p id="nonDefaultThemes"&gt;
  Ce paragraphe devrait avoir un fond vert avec with Windows Classic
  ou avec un thème tiers ou un fond rouge pour les autres.
&lt;/p&gt;

&lt;p id="notSupported"&gt;La détection des thèmes n'est pas prise en charge.&lt;/p&gt;</pre>

<h3 id="Résultat">Résultat</h3>

<p>{{EmbedLiveSample("Exemples", "100%", 170)}}</p>

<h2 id="Spécifications">Spécifications</h2>

<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p>

<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>

<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div>

<p>{{Compat("css.selectors.-moz-system-metric.windows-default-theme")}}</p>