---
title: ':-moz-system-metric(windows-default-theme)'
slug: 'Web/CSS/:-moz-system-metric(windows-default-theme)'
tags:
  - CSS
  - NeedsMobileBrowserCompatibility
  - No estándar(2)
  - Psuedo clase CSS
  - Referencia CSS
translation_of: 'Archive/Web/CSS/:-moz-system-metric/windows-default-theme'
---
<div>{{Non-standard_header}}{{CSSRef}}</div>

<h2 id="Resumen">Resumen</h2>

<p>La <a href="/es/docs/Web/CSS/Pseudo-classes">pseudo-clase</a><code> CSS :-moz-system-metric(windows-default-theme)</code>  selecciona un elemento si el usuario está usando en esos momento uno de los siguientes temas de Windows: Luna, Royale, Zune, or Aero (por ejemplo  Vista Basic, Vista Standard, or Aero Glass). Esto excluye los temas clásicos de Windows y los temas realizados por terceros.</p>

<p>Este selector está pensado sobre todo para desarrolladores de temas.</p>

<h2 id="Ejemplo">Ejemplo</h2>

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

<pre class="brush: html">&lt;p id="defaultThemes"&gt;
  Este párrafo debería tener un fondo verde con los temas de Windows Luna/Royale/Zune/Aero
  y un fondo rojo con otros temas.
&lt;/p&gt;

&lt;p id="nonDefaultThemes"&gt;
  Este párrafo debería tener fondo verde con el tema clásico de Window o con temas de terceros
  y fondo rojo con otros temas
&lt;/p&gt;

&lt;p id="notSupported"&gt;La detección de temas no está soportada.&lt;/p&gt;</pre>

<h3 id="Contenido_CSS">Contenido 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>

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

<h2 id="Especificaciones">Especificaciones</h2>

<p>No es parte de ninguna especificación.</p>

<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Soporte básico</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatGeckoDesktop("1.9")}}<sup>[1]</sup></td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Soporte básico</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<p>[1] Implementando en {{Bug("426660")}}. Cambió el comportamiento de los temas  Royale y Zone para que funcionaran igual que el tema Luna {{Bug("429176")}}.</p>