¿Cómo personalizar el color de visualización del encabezado?

Question

Soy nuevo en jQuery mobile. Estaba intentando cambiar el color del encabezado predeterminado a # 013A6F.

<div data-role="header" data-theme="b"> 
    <h1> Welcome</h1> 
</div> 

Any insight ??

Answer 1

Creo que este sería tu css. [Link here]
Si es así, haz esto.

.ui-bar-b h1{ 
    background-color: #013A6F; 
} 

Answer 2

Puede agregar fácilmente sus propios temas.

Esto: https://github.com/jquery/jquery-mobile/blob/master/themes/valencia/jquery.mobile.theme.css si hay un segundo conjunto de temas del repositorio del proyecto. Para agregar uno, puede titularlo como lo desee, siempre que desee titular una sola letra a-z.

Por ejemplo, si usted quiere añadir su propio tema 'X', que sería algo como:

.ui-bar-x { .... } 

El archivo vinculado acerca es un excelente ejemplo de lo que tienes que jugar. Y, como señaló el naveen, ¿es el .ui-bar-? clase con la que te gustaría jugar para cambiar el color del encabezado.

Hay algunos temas de terceros vinculados aquí, por desgracia algunos de los enlaces rotos parecen - parecían bastante agradable cuando inicialmente vi: http://forum.jquery.com/topic/custom-theme-28-2-2011

Answer 3

Esta es una clase en jquery.mobile-1.0b1 .min.css, aquí he utilizado los colores degradados de la web como # a2cbe7 & # 6aaedb. Puede reemplazarlos con sus propios códigos de color.

.ui-bar-b{border:1px solid #456f9a;background:#6aaedb;color:#fff;font-weight:bold;text-shadow:0 -1px 1px #254f7a;background: #6aaedb; /* Old browsers */ 
    background: -moz-linear-gradient(top, #6aaedb 0%, #a1cae6 100%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6aaedb), color-stop(100%,#a1cae6)); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(top, #6aaedb 0%,#a1cae6 100%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(top, #6aaedb 0%,#a1cae6 100%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(top, #6aaedb 0%,#a1cae6 100%); /* IE10+ */ 
    background: linear-gradient(to bottom, #6aaedb 0%,#a1cae6 100%); /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6aaedb', endColorstr='#a1cae6',GradientType=0);}