Color Scheme Reference

From wikiPodLinux

This page will explain each element of a color scheme. There is a lot of confusion over what goes in a color scheme, even among the developers.

This will be filled in later.

Table of contents

1 header 1.1 bg 1.2 fg 1.3 line 1.4 accent 1.5 shadow 1.6 shine 1.7 gradient.top, gradient.middle, gradient.bottom 1.8 gradient.bar 2 music 2.1 bar 2.2 bar.bg 3 battery 3.1 border 3.2 bg 3.3 bg.low 3.4 bg.charging 3.5 fill.normal 3.6 fill.low 3.7 fill.charge 3.8 chargingbolt 4 loadavg 4.1 bg 4.2 fg 4.3 spike 5 lock 5.1 border 5.2 fill 6 window 6.1 bg 6.2 fg 6.3 border 7 dialog 7.1 bg 7.2 fg 7.3 title.fg 7.4 line 7.5 button.bg 7.6 button.fg 7.7 button.border 7.8 button.sel.bg 7.9 button.sel.fg 7.10 button.sel.border 7.11 button.sel.inner 8 error 8.1 bg 8.2 fg 8.3 title.fg 8.4 line 8.5 button.bg 8.6 button.fg 8.7 button.border 8.8 button.sel.bg 8.9 button.sel.fg 8.10 button.sel.border 8.11 button.sel.inner 9 menu 9.1 bg 9.2 fg 9.3 choice 9.4 icon 9.5 selbg 9.6 selfg 9.7 selchoice 9.8 icon0, icon1, icon2, icon3 10 scroll 10.1 box 10.2 bg 10.3 bar 11 slider 11.1 border 11.2 bg 11.3 full 12 textarea 12.1 bg 12.2 fg 13 input 13.1 bg 13.2 fg 13.3 selbg 13.4 selfg 13.5 border 13.6 cursor 14 box 14.1 default.bg 14.2 default.fg 14.3 default.border 14.4 selected.bg 14.5 selected.fg 14.6 selected.border 14.7 special.bg 14.8 special.fg 14.9 special.border 15 button 15.1 default.bg 15.2 default.fg 15.3 default.border 15.4 selected.bg 15.5 selected.fg 15.6 selected.border

header

Describes the title bar.

bg

This is the general background color of the header.

fg

This is the color of the title and certain elements in decorations.

line

This is the color of the line between the header and the menu.

accent

This is used for the Dots, Lisa, and other decorations.

shadow

This is used for the bottom and right of 3D elements in decorations.

shine

This is used for the top and left of 3D elements in decorations.

gradient.top, gradient.middle, gradient.bottom

These are the colors for the top, center, and bottom of the gradient decoration in older builds of pz2. I'm not sure if these are used anymore. The CS Gradient decoration in the current version seems to use only header.bg.

gradient.bar

This is the color of the bar in the gradient decoration in older builds of pz2. Is this used anymore?

music

Describes the Now Playing progress bar.

bar

bar.bg

battery

Describes the battery meter.

border

bg

bg.low

bg.charging

fill.normal

fill.low

fill.charge

chargingbolt

loadavg

Describes the Load Average widget.

bg

fg

spike

lock

Describes the hold lock icon.

border

fill

window

Describes TTK windows.

bg

fg

border

dialog

Describes dialog boxes.

bg

fg

title.fg

line

button.bg

button.fg

button.border

button.sel.bg

button.sel.fg

button.sel.border

button.sel.inner

error

Describes error messages.

bg

fg

title.fg

line

button.bg

button.fg

button.border

button.sel.bg

button.sel.fg

button.sel.border

button.sel.inner

menu

Describes menus.

bg

fg

choice

icon

selbg

selfg

selchoice

icon0, icon1, icon2, icon3

These seem to cause the most confusion of all. These are the four stages of the flashing arrows on selected menu items.

scroll

Describes the scroll bar.

box

bg

bar

slider

Describes the slider for the loading screen, contrast setting, and wheel sensitivity setting.

border

bg

full

textarea

Describes the text viewer, used for text files in the file browser, element information in Periodic Table, instructions in Bridget.

bg

fg

input

Describes text input stuff.

bg

fg

selbg

selfg

border

cursor

box

Describes the calendar.

default.bg

default.fg

default.border

selected.bg

selected.fg

selected.border

special.bg

This is the background color of today's date.

special.fg

This is the text color of today's date.

special.border

This is the border color of today's date.

button

Describes the calculator and some parts of the clock.

default.bg

default.fg

default.border

selected.bg

selected.fg

selected.border