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 (link externo)
- modify the CSS colors in PatternSkinPalette.css
- 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
to top
