gtk3 css with GtkNotebook
I'm using gtk3.0.12 and trying to create a notebook that has different tab background colors using css. I can set different properties for every thing but the background. How do I do this?
/* Compile with:
* gcc -Wall -o notebook1 `pkg-config --cflags --libs gtk+-3.0` notebook1.c
*/
#include <gtk/gtk.h>
int main(int argc, char *argv[] )
{
GtkWidget *window;
GtkWidget *mynotebook;
GtkWidget *grid;
gtk_init (&argc, &argv);
GtkCssProvider *provider = gtk_css_provider_new ();
GdkDisplay *display = gdk_display_get_default ();
GdkScreen *screen = gdk_display_get_default_screen (display);
gtk_style_context_add_provider_for_screen (screen, GTK_STYLE_PROVIDER
(provider), GTK_STYLE_PROVIDER_PRIORITY_APPLICATION);
gtk_css_provider_load_from_data (GTK_CSS_PROVIDER (provider),
" GtkNotebook {\n" // or " .notebook {\n"
" -GtkWidget-focus-line-width: 0;\n"
"}\n"
" .notebook tab {\n" // or " * tab {\n"
" padding: 10 20 10 20;\n"
" border-radius: 8;\n"
" background-color: blue;\n"
开发者_开发知识库 "}\n"
" GtkNotebook tab GtkLabel#settings_tab {\n"
" color: white;\n"
" font: Serif 12;\n"
"}\n"
" .notebook tab GtkLabel#report_tab {\n"
" color: red;\n"
" font: Sans 12;\n"
"}\n", -1, NULL);
g_object_unref (provider);
window = gtk_window_new (GTK_WINDOW_TOPLEVEL);
gtk_window_set_default_size(GTK_WINDOW(window), 800, 480);
g_signal_connect (GTK_WIDGET (window), "destroy",
G_CALLBACK (gtk_main_quit), NULL);
mynotebook = gtk_notebook_new ();
gtk_widget_set_name (GTK_WIDGET(mynotebook), "notebook");
gtk_notebook_set_tab_pos (GTK_NOTEBOOK (mynotebook), GTK_POS_TOP);
grid = gtk_grid_new();
GtkWidget *report_label = gtk_label_new ("Report");
gtk_widget_set_name (GTK_WIDGET(report_label), "report_tab");
gtk_container_add(GTK_CONTAINER(window),mynotebook);
gtk_container_add(GTK_CONTAINER(mynotebook),grid);
gtk_notebook_set_tab_label(GTK_NOTEBOOK(mynotebook), grid, report_label);
GtkWidget *grid2 = gtk_grid_new ();
GtkWidget *settings_label = gtk_label_new ("Settings");
gtk_widget_set_name (GTK_WIDGET(settings_label), "settings_tab");
gtk_notebook_insert_page (GTK_NOTEBOOK(mynotebook), GTK_WIDGET(grid2),
GTK_WIDGET(settings_label), -1);
gtk_widget_show_all(window);
gtk_main();
return(0);
}
Im having some difficulties with tabs to, did you try something like:
background-color: shade (#000000, 0.90);
or
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (#000000, 1.30)),
to (shade (#ffffff, 1.05)));
only info I found for gtk3 is here http://developer.gnome.org/gtk3/3.3/GtkCssProvider.html
精彩评论