Dale sabor a tus temas de canela - ¡Es fácil!

Alguna vez quiso personalizar su escritorio Linux, pero simplemente no pudo encontrar ese tema perfecto?

Si Cinnamon es su entorno de escritorio actual, crear su propio tema es fácil de aprender. Tampoco necesita ninguna herramienta especial: un editor de texto regular con resaltado de sintaxis Geany: un excelente editor de código ligero para Linux Geany: un gran editor de código ligero para Linux Sorprendentemente, Linux no ofrece tantos buenos IDE (Desarrollo Integrado Entornos). Creo que esto se debe a que, en el pasado, la mayoría de los programadores de Linux sacaron el viejo Bloc de notas antiguo (o gedit en este caso), y comenzaron ... Leer más funcionará bien.

Cinnamon ha recorrido un largo camino desde que apareció por primera vez en 2011 como una bifurcación de Gnome Shell. Explicación de los entornos de escritorio basados ​​en Gnome: MATE vs. Gnome Shell vs. Unity vs. Cinnamon Explicación de los entornos de escritorio basados ​​en Gnome: MATE vs. Gnome Shell vs. Unity vs. Cinnamon Desde que Gnome siguió adelante con su idea de Gnome Shell, la comunidad de Linux se ha mostrado frenética por encontrar un nuevo entorno de escritorio adecuado para ellos. La mayoría de los usuarios utilizan Gnome ... Leer más. Solía ​​depender de Gnome para funcionar correctamente, pero hoy en día es un entorno de escritorio completo e independiente Cinnamon 2.0 Ditches GNOME, características mejoradas para el usuario y Window Management Cinnamon 2.0 Ditches GNOME, funciones mejoradas para el usuario y Window Management Cinnamon, la cáscara del escritorio en Linux Mint , finalmente ha lanzado v2.0, que presenta nuevas ventanas de mosaico y ajuste, junto con opciones mejoradas de administración de usuarios. Leer más con su propio conjunto de aplicaciones básicas. Esta guía rápida se basa en Cinnamon 2.4 que se envía con la última versión de Linux Mint (versión 17.1 “Rebecca”), pero nuestro tema será compatible con cualquier distribución de Linux que funcione con Cinnamon.

Entender los temas de canela

Los temas de canela son a la vez simples y complejos. Suena paradójico, ¿verdad? Son simples porque todo el tema está escrito en CSS, pero complejo porque el archivo del tema es enorme y no está muy bien documentado. En su mayor parte, puede deducir qué reglas modifican qué elementos del escritorio, pero para algunos tendrá que pasar por prueba y error. Se espera que esté familiarizado con CSS antes de intentar esto, pero si no lo está, no se preocupe: puede aprender rápidamente en línea. Top 5 Sites To Learn CSS Online Top 5 Sites To Learn CSS Online Lea más con tutoriales útiles.

Es importante tener en cuenta que los temas de Cinnamon no cambian los bordes de las ventanas, los botones ni ningún otro elemento de la aplicación. Estos objetos están controlados por temas de GTK. ¿Quiere un sistema operativo Mac OS Look with Linux Power? ¿Lo tiene todo con Zukimac, un tema de GTK? ¿Quiere un Mac OS con Linux Power? Hágalo todo con Zukimac, un tema GTK Está bien si disfruta de la potencia de Linux pero la estética de Mac OS X. Puede hacer que su instalación de Linux se parezca más a Mac OS X con el tema Zukimac. Leer más, que tienes que descargar por separado. El tema de Canela en sí afecta solo al menú Mint, el panel, la información sobre herramientas, las notificaciones, los applets y algunos cuadros de diálogo.

Empezando

En términos generales, hay dos formas de crear un tema de Canela: codifíquelo desde cero o use uno existente como plantilla. Vamos con este último enfoque ya que es mucho más fácil. No olvide consultar las restricciones de licencia si decide redistribuir el tema modificado. Usualmente es suficiente contactar al autor y pedir permiso..

Antes de sumergirse en CSS, es bueno tener un plan de lo que exactamente desea cambiar. En este ejemplo, cambiaremos el tamaño del reloj digital, cambiaremos la fuente del menú y el color de fondo y haremos transparente el panel. Para asegurarse de que su nuevo tema sea fácil para los ojos, puede usar herramientas en línea gratuitas para crear esquemas de color Color Me Impressed: 3 herramientas para encontrar sin esfuerzo hermosos esquemas de color para cualquier proyecto Color Me Impressed: 3 herramientas para encontrar sin esfuerzo hermosos esquemas de color para Cualquier Color del Proyecto es importante. Es una de esas cosas primitivas: los colores nos hacen sentir. Pueden comunicar peligro, pasión, calma y casi cualquier otra emoción. Trabajan a través de las barreras del idioma y pueden chocar en ... Leer más .

No olvides que algunos cambios tienen “dependencias”. Si cambia el fondo del panel de oscuro a blanco, también tendrá que cambiar los colores de los botones y applets del panel. De lo contrario, podrían ser invisibles en su nuevo tema, porque eran blancos en el panel oscuro anterior. Si desea crear un tema oscuro, sea prudente y comience con una plantilla que ya tenga un color oscuro..

Elegir una plantilla

Una buena opción es el tema de Canela predeterminado, disponible en las páginas de GitHub del proyecto. La comunidad deviantART crea maravillosos temas de Canela, y se pueden descargar más de la página oficial de Linux Mint Spices y de los antiguos fieles Gnome-Look.org.

Si desea utilizar temas predeterminados, están en /home/$USERNAME/.themes o / usr / share / temas. Los temas ubicados en este último directorio afectan a las aplicaciones ejecutadas por todos los usuarios (incluida la raíz), mientras que los temas que se encuentran en el directorio / home / $ USERNAME El directorio se aplica solo a un usuario. Le recomiendo que mantenga su tema de trabajo en progreso en su /casa directorio. Una vez hecho esto, puedes simplemente enlazarlo mediante este comando:

sudo ln -s /home/username/.themes/ThemeName / usr / share / themes / ThemeName

Notarás que algunos temas contienen subcarpetas nombradas “gtk-2.0” y “gtk-3.0”. Esto significa que incluyen temas de GTK junto con el tema de Canela. Sin embargo, solo necesitas el “canela” carpeta.

Es posible que haya subcarpetas en él: contienen activos, pequeñas imágenes que se pueden usar para diseñar los elementos del escritorio. Por ejemplo, su menú de menta puede tener una imagen de fondo, y lo mantendría en una de estas subcarpetas. Necesitamos el archivo llamado. “cinnamon.css”, y ahora es el momento de abrirlo.

Estructura del tema

Estoy usando “Linux Mint”, Uno de los temas por defecto. Es un archivo CSS bastante largo. Afortunadamente, los comentarios en el código proporcionan un sentido de dirección. Dividen el código en secciones, cada una correspondiente a un elemento de escritorio. Algunas de las secciones son:

• PopupMenu (popupMenu.js): modifica todos los menús emergentes, haga clic derecho en el menú del panel y el menu principal
• Panel (panel.js): autoexplicativo;
• Desklets (desklet.js) para widgets de escritorio y applets (applet.js) para widgets en el panel;
• Looking Glass: modifica la interfaz gráfica de depuración (vidrio de aspecto de canela);
• Menú (menu.js): afecta solamente el menú principal (MintMenu);
• Lista de ventanas (windowList.js): se aplica a la lista de ventanas abiertas en el panel.

Modificar un tema de canela

Haremos algunos pequeños cambios solo para mostrar cómo se hace. Una vez que se sienta más cómodo con la edición de CSS, puede modificar muchos elementos a la vez y crear nuevos recursos para transformar por completo cualquier tema de Cinnamon. Aquí está nuestro “antes de” versión:

Cambiar el color de fondo del panel y la transparencia

En el “cinnamon.css” archivo, encuentra la línea que comienza con #panel.

Reemplazaremos el gradiente con un color sólido y algo de transparencia. Eliminar las entradas:

fondo-gradiente-inicio
fondo-gradiente-final
fondo-gradiente-direccion

y añadir color de fondo: rgba (152,13,13,0.6); para obtener esto:

Al declarar el color en formato RGBa, facilitamos el cambio de color y transparencia de una sola vez. El último número entre paréntesis es el valor de transparencia; 0 es completamente transparente y 1 es completamente opaco.

El panel Canela está dividido en tres áreas (izquierda, centro, derecha). Hay una configuración especial para cambiar el color de resaltado de cada área al arrastrar un nuevo applet en él. Puede ajustar esto modificando los valores bajo #panelLeft: dnd, #panelRight: dnd y #panelCenter: dnd.

Cambia el color del menú principal, la transparencia y la fuente.

El menú principal está controlado por dos secciones: “Menú emergente” y “Menú”. Los cambios en el primero afectan a todos los menús emergentes. los “Menú” La sección contiene opciones para Favoritos, Categorías, Lugares y el cuadro de búsqueda. Es por eso que tenemos que cambiar de color y transparencia bajo .menú emergente-menú-puntero.

Copié el valor RGBa de nuestro nuevo panel y lo agregué después -flecha-fondo-color:, aumentó el ancho del borde a 2px y cambió el color del borde a gris. Para cambiar la fuente, modifiqué el Familia tipográfica valor al comienzo de la “cinnamon.css” expediente. Esto afecta a todo el tema, pero puede ajustarse individualmente para algunos elementos. Pasamos de esto:

a esto:

Hacer el reloj digital en el panel más grande

El reloj es un applet de panel, pero a diferencia de la Lista de ventanas y el Calendario, no tiene su propia configuración de apariencia definida en el archivo de tema. Tendrás que modificar el general. “Applets” configuración, y eso afectará el tamaño del texto del botón de menú, junto con cualquier otro applet del panel que no sea ajustable individualmente.

Para hacer el reloj más grande, encuentra .etiqueta de applet y aumentar la tamaño de fuente valor. Aquí puede anular la configuración de fuente que agregamos anteriormente para el menú principal cambiando la Familia tipográfica valor. En este ejemplo, cambié el reloj a una fuente sans-serif, mientras que los menús emergentes conservaban una fuente serif.

Para modificar el aspecto del applet de Calendario (al que puede acceder haciendo clic en el reloj), consulte la “Applet de fecha” sección. Por ejemplo, .datemenu-date-label le permite cambiar el tamaño, el color y la fuente del texto en la parte superior del applet del calendario (en esta imagen, es “Domingo 8 de marzo ... ”).

los “después” La versión obviamente no es el tema más bonito que existe, pero muestra los cambios que hemos realizado..

los “Menú” El botón y el reloj son más grandes, los colores cambian y la fuente es diferente. El siguiente paso sería ajustar los elementos menos prominentes de la interfaz, como el cuadro de diálogo de ejecución, el cuadro de diálogo de fin de sesión o las notificaciones..

Probando y aprendiendo más

Puede ver en vivo una vista previa de los cambios si coloca los archivos de tema en /home/$USERNAME/.themes/ThemeName y establecer ese tema como activo en el Todas las configuraciones - Temas - Escritorio diálogo.

Si los cambios no son visibles inmediatamente, reinicie Cinnamon presionando Alt + F2 para abrir el cuadro de diálogo Ejecutar, escribiendo r y presionando Entrar. Por supuesto, puede editar todo primero, luego aplicar el nuevo tema y verificar si hay algo que deba solucionarse..

Más allá de estas instrucciones básicas, puede encontrar consejos sobre la temática Cinnamon en los foros de Linux Mint. Allí puede obtener comentarios de los usuarios y otros creadores de temas. Al igual que con muchas otras actividades creativas, la práctica es perfecta, por lo que cuantos más temas hagas (o edites), más fácil te resultará. “todo sobre ese CSS, no hay problema”. Esperamos que el equipo de desarrollo de Cinnamon pronto proporcione documentación oficial y detallada sobre temas.

Explorar más sobre: ​​Entorno de escritorio Linux, Linux Mint.