Pattern Skin Palette

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