Open main menu

Difference between revisions of "GUI Themes/Specs"

3 bytes removed ,  22:55, 9 June 2006
m
→‎'colors' section: grammar/style
m (→‎'colors' section: grammar/style)
Line 257: Line 257:




There is a special color entry to define the transparency color for the pixmaps, it is
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 transparency
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 a entry is selected,
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 a entry is selected.




Another special color is used for all kind of text input widgets:
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 easiliy make them out
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 get calculated. (see 'gradients' section
for more information).
for more information).




There are sometimes more than one color fade definition for a widget, the button
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".
it's named "modern.ini".


==== 'gradients' section ====
==== 'gradients' section ====
334

edits