¿Dónde puedo encontrar un esquema de referencia para la temática de GNOME 3 (por ejemplo, Adwaita)?


8

Actualicé a Fedora 21, que destaca GNOME 3.14 (más el material GTK + relevante). Desafortunadamente, parece que esta actualización en particular destruye muchos de mis temas más antiguos, escritos para versiones ya obsoletas de GNOME 3. Donde antes podrían haber chirriado, ahora se ven un poco fuera de lugar.

No pretendo reinventar la rueda: me encantaría tomar una plantilla CSS preexistente (por ejemplo, la especificación predeterminada de Adwaita 3.14) y ajustarla aquí y allá a mi gusto; no habrá vuelo elegante. Imagina el cabello que arranqué cuando miré en /usr/share/themes/Adwaita/gtk-3.0/gtk.css:

/* Adwaita is the default theme of GTK+ 3, this file is not used */

Eso me pone en apuros. Me falta el Google-fu para desenterrar la documentación sobre dónde podría estar esto (peor, tengo el presentimiento de que esto es algo implícitamente obvio para las personas de GNOME que me he estado perdiendo), y por alguna razón el sitio web del desarrollador de GNOME se resiste Mis intentos de investigar su especificación temática.

En resumen, me gustaría encontrar una especificación de tema virgen para GNOME 3.14, suponiendo que exista una. ¿Cómo puedo hacer esto o cómo puedo modificar mi enfoque?

Respuestas:


13

Solo hay una sola línea en ese .cssarchivo en particular porque el tema predeterminado (Adwaita) viene como un binario:

Adwaita is a complex theme, so to keep it maintainable it's written and processed in SASS, the generated CSS is
then transformed into a gresource file during gtk build and used at runtime in a non-legible or editable form.

Como el código se ha incluido gtk+, puede ver los archivos de origen AQUÍ . Según su readme:

_colors.scss        - global color definitions. We keep the number of defined colors to a necessary minimum, most colors 
                      are derived form a handful of basics. It covers both the light variant and the dark variant.
_colors-public.scss - SCSS colors exported through gtk to allow for 3rd party apps color mixing.
_drawing.scss       - drawing helper mixings/functions to allow easier definition of widget drawing under specific context.
                      This is why Adwaita isn't 15000 LOC.
_common.scss        - actual definitions of style for each widget. This is where you are likely to add/remove your changes.

Los .cssarchivos de referencia son:

gtk-contained.css
gtk-contained-dark.css

Aquí hay un tutorial anterior, algunas cosas ya no se aplican (como dije, el código fuente está gtk+ahora, como gnome-themes-standardestaba en desuso), pero debería llevarlo por el camino correcto:

Cómo hackear el tema GNOME Adwaita GTK


0

Estoy copiando mi propio TLDR aquí de una pregunta similar sobre los colores de la barra superior de la ventana

~ / .config / gtk-3.0 / gtk.css

/* REMOVE "-dark" IF USING LIGHT THEME */
@import url("resource:///org/gtk/libgtk/theme/Adwaita/gtk-contained-dark.css");

/* THIS ONE CHANGES TITLEBAR COLOR */
headerbar.titlebar,
headerbar.titlebar:active {
    background:#3F51B5;
}

/* THIS CHANGES NAUTILUS SEARCH BAR */
.horizontal.path-bar-box,
row:selected:backdrop {
     background:#3F51B5;
     border-color:#3F51B5;
}

Para depurar y encontrar los selectores CSS adecuados, abra una aplicación GTK3 con la variable de entorno GTK_DEBUG = interactive. Por ejemplo,

GTK_DEBUG=interactive nautilus

Esto debería abrir un inspector para la ventana GTK. Si no está allí, presione Ctrl + Shift + I.

captura de pantalla del inspector

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.