Pattern Skin Palette
TWiki
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
- download PatternSkinPalette.css?
- modify the CSS colors in PatternSkinPalette.css
- /attach/Main/TWikiGuest attach? your modified PatternSkinPalette.css to your home page
- as shown below, add the
USERSTYLEURL setting to your home page
* 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 .twikiTopic a:visited |
|
|
#7A4707 |
code pre, code, tt |
|
|
#000000 |
body text |
Page colors
|
|
#f8f8f8 |
page body |
|
|
#ffffff |
main page .twikiMain |
|
|
#dddddd |
main page border .twikiMain |
Left bar
|
|
#880000 |
body text in left bar .twikiLeftBar |
|
|
#22638C |
top border left bar contents .twikiLeftBarContents |
|
|
#DFEDFD |
personal left bar background .twikiLeftBarPersonal |
|
|
#cccccc |
personal left bar border .twikiLeftBarPersonal |
Forms
Action buttons
View page
|
|
#98A2B0 |
action buttons background view page .twikiTopicAction |
|
|
#ffffff |
action buttons text and links |
|
|
#cccccc |
action buttons links bottom border |
Non-view pages
|
|
#22638c |
action buttons background non-view page .twikiTopicAction |
|
|
#698FA8 |
action buttons links bottom border |
|
|
#DFEDFD |
action buttons secondary row (top) background .twikiTopicActionSecondary |
|
|
#22638c |
action buttons secondary row text |
|
|
#A3BCF1 |
action buttons secondary row links bottom border |
|
|
#D4E6FC |
action buttons submit options .twikiSubmitOptions |
|
|
#B6C6D9 |
action buttons submit options border .twikiSubmitOptions |
Buttons
|
|
#041D3A |
submit button .twikiSubmit |
|
|
#f2f2f2 |
button background .twikiSubmit |
|
|
#05264D |
submit button .twikiButton |
|
|
#E8F1F9 |
topic submit button .twikiTopic .twikiSubmit |
|
|
#B9D6FA |
secondary submit button .twikiTopic .twikiSubmit |
|
|
#eeeeee |
cancel button .twikiCancel |
Edit page
|
|
#FCFAF7 |
textarea background .twikiEditPage textarea |
|
|
#888888 |
.twikiChangeFormButton |
|
|
#E0E9F7 |
edit form header background .twikiEditPage .twikiEditForm th |
|
|
#F5F7FD |
edit form row background .twikiEditPage .twikiEditForm td |
|
|
#EFEDEA |
signature area background .twikiEditPage .twikiSig input |
|
|
#cccccc |
help text .twikiEditPage .twikiHelp |
|
|
#990000 |
help text code text .twikiEditPage .twikiHelp code |
Versatile table
|
|
#F5F7FD |
background .twikiVersatileTable td |
|
|
#E0E9F7 |
background .twikiVersatileTable th |
|
|
#ffffff |
background main part .twikiVersatileTable .twikiMainCol |
|
|
#E9E9E9 |
background .twikiVersatileTable .twikiOldCol |
|
|
#E9E9E9 |
background .twikiVersatileTable .twikiOldCol |
|
|
#8490A1 |
help text .twikiHelpCol |
Attachment and form table
|
|
#888e9c |
text color |
|
|
#000000 |
text color previous attachments .twikiAttachPage .twikiPrevious .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 .twikiDiffPage .twikiDiffDeletedHeader, -twikiDiffDeletedMarker |
|
|
#FFEAE5 |
deleted header background .twikiDiffPage .twikiDiffDeletedText |
|
|
#3DB234 |
added header background .twikiDiffPage .twikiDiffAddedHeader, -twikiDiffAddedMarker |
|
|
#EBF7EA |
added header background .twikiDiffPage .twikiDiffAddedText |
|
|
#98A2B0 |
changed header and row background .twikiDiffPage th.twikiDiffChangedHeader |
|
|
#dddddd |
.twikiDiffPage .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 .twikiSearchResultsHeader, .twikiSearchString |
|
|
#cccccc |
bottom border search results header .twikiSearchResultsHeader, .twikiSearchString |
|
|
#ff0000 |
alert .twikiAlert |
|
|
#990000 |
alert in search results .twikiSearchResults .twikiSummary .twikiAlert |
|
|
#22638c |
search results in book view, top row background .twikiBookViewList .twikiTopRow |
|
|
#cccccc |
search results in book view, top row .twikiBookViewList .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 |
|
--
ArthurClemens? - 29 Aug 2004
