Differences

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

--- customization:themes [2010/01/23 05:09] – external edit 127.0.0.1
+++ customization: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. \\
 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 :
@@ Line 9: / Line 11: @@
 To help finding the path of widgets you want to theme, I've added some functions to my Debug.pm plugin, you can find it [[/gmusicbrowser/debug.pm|there]] (put it in ''~/.config/gmusicbrowser/plugins/'').
-And, as explained below, I've added a few things to make themes more practical with gmusicbrowser (set widget names and the WB container), all the modifications are in gmusicbrowser_player.pm, you can find the modified file [[http://squentin.free.fr/gmusicbrowser/tmp/gmusicbrowser_player.pm|here]] for version 1.0.1, it will be included in the next version, maybe with some modifications.
+Note that some things will not work with version older than 1.0.2 (widget names and the WB container).
@@ 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.
+====== 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]]