WikiSponsors
Help:Theme
tagline: From openSUSE
Buttons and banners - Posters - Countdowns - Miscellaneous - Colors - Web theme - Pixel pool - Brand - Guidelines - Art team
This page documents the Bento theme and should be used as a style guide.
Templates are available here, and the complete sources are stored on gitorious.
Color scheme
Main colors
| Color | Hex | R | G | B | Sample | Usage Example |
|---|---|---|---|---|---|---|
| Dark Grey | #444444 | 68 | 68 | 68 | Text color | |
| Medium Grey | #666666 | 102 | 102 | 102 | Navigation Background | |
| Light Grey 1 | #999999 | 153 | 153 | 153 | Text color in unselected input field | |
| Light Grey 2 | #DDDDDD | 221 | 221 | 221 | Box Header and Footer | |
| BG Grey | #F6F6F6 | 246 | 246 | 246 | Body Background | |
| Blue 1 | #006699 | 0 | 102 | 153 | Content Links | |
| Blue 2 | #3399CC | 51 | 153 | 204 | Content Links hover | |
| Green 1 | #669900 | 102 | 153 | 0 | Text-Links outside of content | |
| Light Yellow | #FBF9EE | 251 | 249 | 238 | Notification Box Background | |
| Yellow | #FCEFA1 | 252 | 239 | 161 | Notification Box Border | |
| Light Red | #FEF1EC | 254 | 241 | 236 | Error Notification Box Background | |
| Red | #CC0000 | 204 | 0 | 0 | Error Notification Box Border and Font-Color |
Color-palettes available at colourlovers.com:
Palette: Grey
Palette: Color
Palette: Flash Messages
UI style colors
| Color | Hex | R | G | B | Sample | Usage Example |
|---|---|---|---|---|---|---|
| Dark Grey | #111111 | 17 | 17 | 17 | Box Bottom Border | |
| Medium Grey 2 | #4E4E4E | 78 | 78 | 78 | Main Navigation Separator | |
| Dark Shadow Grey | #222222 | 34 | 34 | 34 | Box Dropshadow | |
| Light Shadow Grey | #CCCCCC | 204 | 204 | 204 | Box Dropshadow |
Color-palette available at colourlovers.com:
Default icon set
The default icon sets for the Bento-Theme are:
The decision for the Tango Icon Set was agreed after this mailing-list discussion on opensuse-artwork.
See also
- Help:Colors, the openSUSE color palette.