Differences
This shows you the differences between two versions of the page.
Next revisionBoth sides next revision | |||
howto:gtk_theme [2011/12/15 23:43] – created peter | howto:gtk_theme [2011/12/16 12:15] – Added common Gtk 3 css properties peter | ||
---|---|---|---|
Line 1: | Line 1: | ||
====== Xfce Gtk engine theme how-to ====== | ====== Xfce Gtk engine theme how-to ====== | ||
- | This document is under development. | + | This document is under development |
===== Introduction ===== | ===== Introduction ===== | ||
Line 12: | Line 12: | ||
To use the xfce engine in Gtk 2 set the engine to xfce. In the engine block the style properties can be set. | To use the xfce engine in Gtk 2 set the engine to xfce. In the engine block the style properties can be set. | ||
The following simple properties are available. | The following simple properties are available. | ||
- | | smooth_edge | boolean | + | | smooth_edge |
- | | grip_style | + | | grip_style |
The block property boxfill can be used for gradient backgrounds. | The block property boxfill can be used for gradient backgrounds. | ||
Within the boxfill block the following properties can be set. | Within the boxfill block the following properties can be set. | ||
- | | fill_style | + | | fill_style |
- | | orientation | auto, vertical, horizontal, northern_diagonal, | + | | orientation |
- | | shade_start | float | 1.10 | The shade of the background color to start the gradient with | | + | | shade_start |
- | | shade_end | + | | shade_end |
Example showing the default values. | Example showing the default values. | ||
< | < | ||
Line 42: | Line 42: | ||
To use the xfce engine in Gtk 3 set the engine to xfce. The style properties can be directly set using the -xfce prefix. | To use the xfce engine in Gtk 3 set the engine to xfce. The style properties can be directly set using the -xfce prefix. | ||
The following properties are available. | The following properties are available. | ||
- | | -xfce-smooth-edge | boolean | + | | -xfce-smooth-edge |
- | | -xfce-grip-style | + | | -xfce-grip-style |
+ | Other properties can be set with default Gtk 3 settings. For example with background-image: | ||
+ | Here is a list of some of the properties. See the GtkCssProvider documentation for more details. | ||
+ | | engine | ||
+ | | color | GdkColor | ||
+ | | background-color | ||
+ | | background-image | ||
+ | | border-color | ||
+ | | border-image | ||
+ | | border-width | ||
+ | | border-radius | ||
+ | | margin | ||
+ | | padding | ||
+ | | text-shadow | ||
==== Gtk compatibility ==== | ==== Gtk compatibility ==== | ||
The simple Gtk 2 style properties can be directly converted. With one exception of grip_style none. The value none in css will set the property value to default which is rough and not disabled. | The simple Gtk 2 style properties can be directly converted. With one exception of grip_style none. The value none in css will set the property value to default which is rough and not disabled. | ||
- | The boxfill property is replaced by background-image: | + | The boxfill property is replaced by background-image: |
The auto orientation is not automatically supported and must be configured manually see the examples for more details. | The auto orientation is not automatically supported and must be configured manually see the examples for more details. | ||
+ | |||
+ | The xthickness end ythickness are replaced by border-width. usages: border-width: | ||
+ | |||
Linear vertical gradient example. | Linear vertical gradient example. | ||
Gtk 2 | Gtk 2 |