Style guide
This is a style guide for applying ttkbootstrap styles. All ttkbootstrap styles are applied using the bootstyle parameter that has been injected into the ttk widget constructor.
ℹ️ Learn more about styling legacy widgets.
Colors
The following color options are available on all widgets, except where excluded, and can be used along with widget specific style keywords which are described for each widget. Keywords are not required for default styles.
The actual color value of the keywords below are defined in each specific theme, but the descriptions below are what you can expect typically from each color keyword.
Keyword | Description | Example |
---|---|---|
primary | The default color for most widgets | ![]() |
secondary | Typically a gray color | ![]() |
success | Typically a green color | ![]() |
info | Typically a blue color | ![]() |
warning | Typically an orange color | ![]() |
danger | Typically a red color | ![]() |
light | Typically a light gray color | ![]() |
dark | Typically a dark gray color | ![]() |
# info colored button style
Button(bootstyle="info")
# warning colored scale style
Scale(bootstyle="warning")
# success colored progressbar
Progressbar(bootstyle="success")