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 .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

I Attachment sort Action Size Date Who Comment
PatternSkinPalette.css manage 9.3 K 28 Aug 2004 - 22:56 ArthurClemens?  
filterColours.pl.txt manage 0.1 K 28 Aug 2004 - 22:57 ArthurClemens?  
makeColourTable.pl.txt manage 0.3 K 28 Aug 2004 - 22:57 ArthurClemens?  

You are here: TWiki > PatternSkinPalette

r1.2 - 29 Aug 2004 - 23:18 - ArthurClemens? to top

TWiki


  • My links
  • Show me topics of interest

TWiki

Welcome


TWiki Web TWiki Web Home Changes Topics Index Search


TWiki Webs Atari Blog Main OneSpaceModeling? Sandbox TWiki TWiki Webs Atari Blog Main OneSpaceModeling? Sandbox TWiki

Jump:

Copyright © 1999-2024 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback