application icongmusicbrowser

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
customization:themes [2013/04/03 06:29]
127.0.0.1 external edit
customization:themes [2022/05/23 01:30] (current)
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 (external edit)
CC Attribution-Share Alike 4.0 International
Driven by DokuWiki Recent changes RSS feed Valid CSS Valid XHTML 1.0