application icongmusicbrowser

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Last revisionBoth sides next revision
customization:themes [2010/01/26 01:14] squentincustomization:themes [2021/09/26 18:56] – update squentin
Line 1: Line 1:
 +====== Gtk2 (gmusicbrowser v1.1.x and older) ======
 +
 A few notes to explain how to theme gmusicbrowser using customs gtk themes. \\ A few notes to explain how to theme gmusicbrowser using customs gtk themes. \\
 Feel free to improve this page. Feel free to improve this page.
  
-First you need to have some knowledge about how gtk themes works, [[http://library.gnome.org/devel/gtk/2.14/gtk-Resource-Files.html|this page have all the technical details]], but there is also some [[http://www.google.com/search?q=gtk+theme+tutorial|tutorials]].+First you need to have some knowledge about how gtk themes works, [[https://web.archive.org/web/20081012100947/http://library.gnome.org/devel/gtk/2.14/gtk-Resource-Files.html|this page have all the technical details]].
  
 To launch gmusicbrowser with a custom gtkrc file, you can type this : To launch gmusicbrowser with a custom gtkrc file, you can type this :
Line 57: Line 59:
 The style "test" is applied to all gtk widgets named WBTotal and their children, only in a the "Browser" Layout. And the background of the button is black in NORMAL state. The style "test" is applied to all gtk widgets named WBTotal and their children, only in a the "Browser" Layout. And the background of the button is black in NORMAL state.
  
 +====== Gtk3 (current beta and future gmusicbrowser versions) ======
 +Gtk3 uses a completely different theme system.
  
 +To launch gmusicbrowser with a custom gtk3 theme, for example named gmbtheme, you can type this :
 +<code>GTK_THEME=gmbtheme gmusicbrowser</code>
 +
 +To create the custom theme, create ~/.themes/gmbtheme/gtk-3.0/ and put a gtk.css file in that folder that could contain for example:
 +<code>
 +@import url("/usr/share/themes/TraditionalOk/gtk-3.0/gtk.css");
 +@define-color theme_bg_color #000000;
 +@define-color theme_fg_color #ffffff;
 + * {
 +  color: #ff00ea;
 +  font: 30px "Comic Sans";
 +}
 +</code>
 +Obviously that is just a silly example to get started, you can use that to change many many things, more info [[https://docs.gtk.org/gtk3/css-overview.html|there]].
 +That method even allows you to theme specific widgets of gmusicbrowser, to get access to the widget names and hierarchy, you can use [[https://wiki.gnome.org/Projects/GTK/Inspector|GtkInspector]]
customization/themes.txt · Last modified: 2022/05/23 01:30 by 127.0.0.1
CC Attribution-Share Alike 4.0 International
Driven by DokuWiki Recent changes RSS feed Valid CSS Valid XHTML 1.0