Logo

Windows 8, Crear Temas para Metro UI: cambiar fondo de pantalla inicial y colores del menú [Video Tutorial]

De forma predeterminada la interfaz de usuario de Windows 8 es verde, un agradable color.

Sin embargo, todos tenemos diferentes gustos y la personalización es una característica que le hace falta a Windows 8 en su primera versión pública de desarrollo.

Ahora bien, se ha descubierto una forma de personalizar la pantalla principal de la interfaz Metro, la pantalla de inicio de sesión, los colores del panel derecho (buscar, configurar, compartir, etc.)

Cabe resaltar que el siguiente video tutorial únicamente se aplica a Windows 8 en su edición de 64-bit.

A continuación los pasos necesarios para crear un tema para Windows 8:

[1] Tener acceso para leer y escribir con privilegios administrativos sobre el archivo de sistema uxtheme.dll

- Navegar a C:\Windows\System32
- Seleccionar File > Open Command Prompt > Open Command Promt as Administrator y escribir
takeown /f uxtheme.dll
icacls uxtheme.dll /grant Administrators:F

Windows 8 theme - Open Command Promt as Administrator
- Copiar el archivo uxtheme.dll al escritorio

[2] Hacer una edición hexadecimal del archivo uxtheme.dll  usando HxD Hex Editor
- Descargar e instalar HxD Hex Editor
- Abrir el archivo uxtheme.dll del escritorio usando HxD Hex Editor
- Realizar las modificaciones de los colores en hexadecimal (detallaremos luego en 2.1, 2.2, 2.3 y 2.4)
- Guardar el archivo uxtheme.dll modificado
- Ir a System32 y renombrar el archivo uxtheme.dll a uxtheme.dll.backupOriginal
- Copiar el archivo uxtheme.dll del escritorio a la carpeta System32
- Reiniciar y listo!
Windows 8 theme - uxtheme

Ahora detallamos los cambios necesarios en el archivo  uxtheme.dll para obtener un theme personalizados

[2.1] Cambiar de color de fondo a la pantalla principal de Metro UI y a la pantalla de inicio de sesión
- Ir a Buscar > Ir a e ingresar 96F33, el cursor se posicionará al finalizar FF
- Incluyendo los FF, seleccionar 8 caracteres a la izquierda (los 4 pares: 0E6D38FF)
- Los 4 bytes representan a los colores RGBA en hexadecimal (Red, Green, Blue, and Alpha)
- Remplazar por los 3 primeros pares por los colores favoritos, el último FF recomiendo no tocarlo para obtener colores solidos u opacos.
Windows 8 theme - Main background
En el ejemplo se puede ver que he remplazado 0E6D38FF por 3D4F4FFF(los colores del blog)

[2.2] Cambiar de color de fondo de la barra lateral izquierda de Configuración, Dispositivos, Compartir y Buscar

- Ir a Buscar > Ir a e ingresar 96F87, el cursor se posicionará al finalizar FF
- Incluyendo los FF, seleccionar 8 caracteres a la izquierda (los 4 pares: 0D8845FF)
- Los 4 bytes representan a los colores RGBA en hexadecimal (Red, Green, Blue, and Alpha)
- Remplazar por los 3 primeros pares por los colores favoritos, el último FF recomiendo no tocarlo para obtener colores solidos u opacos.
Windows 8 theme - Sidebars like Network, Search
En el ejemplo se puede ver que he remplazado 0D8845FF por 3D4F4FFF(los colores del blog)

[2.3] Cambiar de color de fondo del elemento de lista seleccionado de la barra lateral

- Ir a Buscar > Ir a e ingresar 96F8F, el cursor se posicionará al finalizar FF
- Incluyendo los FF, seleccionar 8 caracteres a la izquierda (los 4 pares: 10A151FF)
- Los 4 bytes representan a los colores RGBA en hexadecimal (Red, Green, Blue, and Alpha)
- Remplazar por los 3 primeros pares por los colores favoritos, el último FF recomiendo no tocarlo para obtener colores solidos u opacos.
Windows 8 theme - sidebars List item selected
En el ejemplo se puede ver que he remplazado 10A151FF por 94AD94FF

[2.4] Cambiar de color de fondo del elemento de lista seleccionado de la barra lateral
- Ir a Buscar > Ir a e ingresar 96F97, el cursor se posicionará al finalizar FF
- Incluyendo los FF, seleccionar 8 caracteres a la izquierda (los 4 pares: 47A471FF)
- Los 4 bytes representan a los colores RGBA en hexadecimal (Red, Green, Blue, and Alpha)
- Remplazar por los 3 primeros pares por los colores favoritos, el último FF recomiendo no tocarlo para obtener colores solidos u opacos.
Windows 8 theme - sidebars List item hover
En el ejemplo se puede ver que he remplazado 47A471FF por 323300FF

[3] Poner estilo cuadrado a la franja superior e inferior de pantalla principal de Metro UI
- Ir a System32 y renombrar el archivo shsxs.dll a shsxs.dll.backupOriginal
- Descargar, descomprimir y copiar el archivo shsxs.dll a System32
- Reiniciar y disfrutar de un nuevo tema completamente diseñado por ti!
Windows 8 theme - NeuronalTrainining

Nota:
Sé que parece un poco complicado todo el procedimiento para crear los temas para Windows 8 en su interfaz Metro, pero suponemos que Microsoft nos dejará personalizarlo de forma similar a la interfaz Aero.

De cualquier forma, próximamente lanzaremos una herramienta que automatice todo este procedimiento.

Ahh… y recuerden que únicamente debe ser utilizado en Windows 8 a 64-bit!

Fireworks hexadecimal
Para obtener los colores RGB en Hexadecimal pueden utilizar cualquier editor, yo he utilizado FireWorks de Adobe.

2 comentario realizado... y tú qué opinas?

Realizar comentario