334
edits
Difference between revisions of "GUI Themes/Specs"
m
→'colors' section: grammar/style
m (→Inactive dialog effects: style) |
m (→'colors' section: grammar/style) |
||
| Line 257: | Line 257: | ||
There is a special color entry to define the | There is a special color entry to define the transparent color for the pixmaps, named "color_transparency". Our default theme uses pink (255 0 255) as the transparent color. | ||
named "color_transparency". Our default theme uses pink (255 0 255) as the | |||
color. | |||
color_transparency=255 0 255 | color_transparency=255 0 255 | ||
| Line 267: | Line 265: | ||
color_state_highlight=100 162 8 | color_state_highlight=100 162 8 | ||
color_state_enabled=0 0 0 | color_state_enabled=0 0 0 | ||
"color_state_disabled" is used for disabled text. | *"color_state_disabled" is used for disabled text. | ||
"color_state_highlight" is used for highlighted text. | *"color_state_highlight" is used for highlighted text. | ||
"color_state_enabled" is used for normal text. | *"color_state_enabled" is used for normal text. | ||
The ListWidget uses two special text color entries: | The ListWidget uses two special text color entries: | ||
text_inverted_background=100 162 8 | text_inverted_background=100 162 8 | ||
text_inverted_color=0 0 0 | text_inverted_color=0 0 0 | ||
There "text_inverted_background" is used for the rect which is drawn when | There "text_inverted_background" is used for the rect which is drawn when an entry is selected, "text_inverted_color" is used for the text drawn when an entry is selected. | ||
"text_inverted_color" is used for the text drawn when | |||
Another special color is used for all | Another special color is used for all kinds of text input widgets: | ||
caret_color=0 0 0 | caret_color=0 0 0 | ||
This value is used for the color the caret is drawn in. | This value is used for the color the caret is drawn in. | ||
Some colors are used for background fades, you can | Some colors are used for background fades, you can easily spot them since they have a '_start' and '_end' suffix. | ||
since they have a '_start' and '_end' suffix. | |||
Another example: | Another example: | ||
main_dialog_start=210 114 10 | main_dialog_start=210 114 10 | ||
main_dialog_end=239 196 24 | main_dialog_end=239 196 24 | ||
This defines the color fade for the launcher background. "main_dialog_start" | This defines the color fade for the launcher background. "main_dialog_start" defines the color at the top of the drawn area, "main_dialog_end" at the bottom of the drawn area, the colors in between are calculated. (see 'gradients' section | ||
defines the color at the top of the drawn area, "main_dialog_end" at the bottom | |||
of the drawn area, the colors in between | |||
for more information). | for more information). | ||
Sometimes there is more than one color fade definition for a widget, the button | |||
widget uses for example one colorfade for normal drawing and a special for highlighted | widget uses for example one colorfade for normal drawing and a special fade for highlighted | ||
drawing. Example: | drawing. Example: | ||
button_bkgd_start=203 126 107 | button_bkgd_start=203 126 107 | ||
| Line 301: | Line 295: | ||
button_bkgd_highlight_start=255 210 200 | button_bkgd_highlight_start=255 210 200 | ||
button_bkgd_highlight_end=200 70 50 | button_bkgd_highlight_end=200 70 50 | ||
"button_bkgd_start" and "button_bkgd_end" are used for normal drawing. | *"button_bkgd_start" and "button_bkgd_end" are used for normal drawing. | ||
"button_bkgd_highlight_start" and "button_bkgd_highlight_end" are used for highlighted | *"button_bkgd_highlight_start" and "button_bkgd_highlight_end" are used for highlighted drawing. | ||
drawing. | |||
| Line 310: | Line 303: | ||
button_text_disabled=192 192 192 | button_text_disabled=192 192 192 | ||
button_text_highlight=255 214 84 | button_text_highlight=255 214 84 | ||
"button_text_enabled" is used for normal buttons. | *"button_text_enabled" is used for normal buttons. | ||
"button_text_disabled" is used for buttons which are currently disabled. | *"button_text_disabled" is used for buttons which are currently disabled. | ||
"button_text_highlight" is used for highlighted buttons. | *"button_text_highlight" is used for highlighted buttons. | ||
If you want to find out all defineable colors look at our default theme config file, | If you want to find out all defineable colors look at our default theme config file, named "modern.ini". | ||
==== 'gradients' section ==== | ==== 'gradients' section ==== | ||