You are here:
TWiki > PatternSkinPalette
PatternSkinPalette
This page gives an overview of the colors used by
PatternSkin and describes where to change them to create your own style.
Create your own colors
To create a customised set of colors for
PatternSkin
* Plugins.PatternSkin CSS Settings (change colour palette)
* Set USERSTYLEURL = %PUBURL%/%MAINWEB%/%WIKINAME%/PatternSkinPalette.css
You can also change the colors in a modified version of
style.css. See
PatternSkinCustomization for instructions.
Colors overview
Text colors
|
|
#e24628 |
header h1 |
|
|
#990000 |
header h2, h3, h4, h5, h6 |
|
|
#F3EDE7 |
background header h2 |
|
|
#8490A1 |
grayed out text .twikiGrayText |
|
|
#1e5bbd |
link :link, :visited |
|
|
#b4d5ff |
background hover link (note: the link color becomes #1559B3 on hover) :link:hover |
|
|
#666666 |
visited link in topic text .patternTopic a:visited |
|
|
#7A4707 |
code pre, code, tt |
|
|
#000000 |
body text |
Page colors
|
|
#f8f8f8 |
page body |
|
|
#ffffff |
main page .patternMain |
|
|
#dddddd |
main page border .patternMain |
Left bar
|
|
#880000 |
body text in left bar .patternLeftBar |
|
|
#22638C |
top border left bar contents .patternLeftBarContents |
|
|
#DFEDFD |
personal left bar background .patternLeftBarPersonal |
|
|
#cccccc |
personal left bar border .patternLeftBarPersonal |
Forms
Action buttons
View page
|
|
#98A2B0 |
action buttons background view page .patternTopicAction |
|
|
#ffffff |
action buttons text and links |
|
|
#cccccc |
action buttons links bottom border |
Non-view pages
|
|
#22638c |
action buttons background non-view page .patternTopicAction |
|
|
#698FA8 |
action buttons links bottom border |
|
|
#DFEDFD |
action buttons secondary row (top) background .patternTopicActionSecondary |
|
|
#22638c |
action buttons secondary row text |
|
|
#A3BCF1 |
action buttons secondary row links bottom border |
|
|
#D4E6FC |
action buttons submit options .patternSubmitOptions |
|
|
#B6C6D9 |
action buttons submit options border .patternSubmitOptions |
Buttons
|
|
#041D3A |
submit button .twikiSubmit |
|
|
#f2f2f2 |
button background .twikiSubmit |
|
|
#05264D |
submit button .twikiButton |
|
|
#E8F1F9 |
topic submit button .patternTopic .twikiSubmit |
|
|
#B9D6FA |
secondary submit button .patternTopic .twikiSubmit |
|
|
#eeeeee |
cancel button .patternCancel |
Edit page
|
|
#FCFAF7 |
textarea background .patternEditPage textarea |
|
|
#888888 |
.patternChangeFormButton |
|
|
#E0E9F7 |
edit form header background .patternEditPage .patternEditForm th |
|
|
#F5F7FD |
edit form row background .patternEditPage .patternEditForm td |
|
|
#EFEDEA |
signature area background .patternEditPage .patternSig input |
|
|
#cccccc |
help text .patternEditPage .twikiHelp |
|
|
#990000 |
help text code text .patternEditPage .twikiHelp code |
Versatile table
|
|
#F5F7FD |
background .patternVersatileTable td |
|
|
#E0E9F7 |
background .patternVersatileTable th |
|
|
#ffffff |
background main part .patternVersatileTable .patternMainCol |
|
|
#E9E9E9 |
background .patternVersatileTable .patternOldCol |
|
|
#E9E9E9 |
background .patternVersatileTable .patternOldCol |
|
|
#8490A1 |
help text .patternHelpCol |
Attachment and form table
|
|
#888e9c |
text color |
|
|
#000000 |
text color previous attachments .patternAttachPage .patternPrevious .twikiAttachments table |
|
|
#cccccc |
borders |
|
|
#334455 |
sort indicator line .twikiAttachments a, .twikiForm a |
|
|
#ffffff |
background color |
|
|
#f1f1f1 |
background color view page |
|
|
#DADADA |
sort indicator background .twikiAttachments th.twikiSortedAscendingCol |
Diff pages
|
|
#FF3000 |
deleted header background .patternDiffPage .twikiDiffDeletedHeader, .twikiDiffDeletedMarker |
|
|
#FFEAE5 |
deleted header background .patternDiffPage .twikiDiffDeletedText |
|
|
#3DB234 |
added header background .patternDiffPage .twikiDiffAddedHeader, .twikiDiffAddedMarker |
|
|
#EBF7EA |
added header background .patternDiffPage .twikiDiffAddedText |
|
|
#98A2B0 |
changed header and row background .patternDiffPage th.twikiDiffChangedHeader |
|
|
#dddddd |
.patternDiffPage .twikiDiffLineNumberHeader |
Various colors
|
|
#9E9E70 |
horizontal line hr |
|
|
#cccccc |
left bar horizontal line hr |
|
|
#dddddd |
TOC border .twikiToc |
|
|
#666666 |
TOC title .twikiToc .twikiTocTitle |
|
|
#F3EDE7 |
background search results header .patternSearchResultsHeader, .patternSearchString |
|
|
#cccccc |
bottom border search results header .patternSearchResultsHeader, .patternSearchString |
|
|
#ff0000 |
alert .twikiAlert |
|
|
#990000 |
alert in search results .patternSearchResults .twikiSummary .twikiAlert |
|
|
#22638c |
search results in book view, top row background .patternBookViewList .twikiTopRow |
|
|
#cccccc |
search results in book view, top row .patternBookViewList .twikiTopRow |
|
|
#ffff00 |
broadcast message background .twikiBroadcastMessage |
|
|
#ff0000 |
broadcast message bold text .twikiBroadcastMessage strong |
Descending color table
| rgb | colour sample |
| #000000 |
|
| #041d3a |
|
| #05264d |
|
| #333333 |
|
| #334455 |
|
| #880000 |
|
| #990000 |
|
| #844f0c |
|
| #22638c |
|
| #666666 |
|
| #3db234 |
|
| #1559b3 |
|
| #1e5bbd |
|
| #808080 |
|
| #888888 |
|
| #e24628 |
|
| #698fa8 |
|
| #9e9e70 |
|
| #888e9c |
|
| #8490a1 |
|
| #ff0000 |
|
| #ff3000 |
|
| #98a2b0 |
|
| #aaaaaa |
|
| #bbbbbb |
|
| #a3bcf1 |
|
| #cccccc |
|
| #ffff00 |
|
| #b9d6fa |
|
| #dadada |
|
| #b4d5ff |
|
| #dddddd |
|
| #e9e9e9 |
|
| #e0e9f7 |
|
| #efedea |
|
| #f3ede7 |
|
| #dfedfd |
|
| #eeeeee |
|
| #ebf7ea |
|
| #efefef |
|
| #ffeae5 |
|
| #e8f1f9 |
|
| #f1f1f1 |
|
| #f2f2f2 |
|
| #f8f8f8 |
|
| #f5f7fd |
|
| #fcfaf7 |
|
| #ffffff |
|
Related Topics: TWikiSkins,
AdminDocumentationCategory
css 
txt