%META:TOPICINFO{author="" date="1153602843" format="1.1" reprev="1.8" version="1.8"}%
---+ !!Color Scheme Constants
%TOC%
Appearance: text colors, background colors, border colors

To try this, in TWikiPreferences  Set USERCOLORSURL = http://yourdomain.com/twiki/pub/Main/ThisTopicTheme/theme-colors.css
	
---++ Text colors
T1  text color	
   * Set THEME_TEXT_COLOR = #000
T2 link color
   * Set T2 = #06c
T3 link hover text color
   * Set T3 = #FBF7E8
T4 link action button color (red) (same as BG2)				
   * Set T4 = #D6000F
T5 header color		
   * Set T5 = #a00
T6 code text, left bar text				
   * Set T6 = #7A4707
T7 muted (dark gray) text				
   * Set T7 = #666
T8 grayed out text	
   * Set T8 = #8E9195
T9 alert 			
   * Set T9 = #f00
T10 green 'new'		
   * Set T10 = #049804
T11 dark gray		
   * Set T11 = #333
	
---++ Background colors
BG1	white; attachment, form table background				
   * Set BG1 = #fff
BG2 link hover background color (red)  	
   * Set BG2 = #D6000F 
BG3	light gray		
   * Set BG3 = #efefef
BG4 active form field (not implemented yet)
   * Set BG4 = #ffc
BG5 info background very light blue	(placeholder for background image)			
   * Set BG5 = #ECF4FB
BG6	patternTopicAction light yellow (same as T3)			
   * Set BG6 = #FBF7E8
BG7 header background (very light yellow)
   * Set BG7  = #FDFAF1
BG8 accent on sorted table column		
   * Set BG8   = #ccc
BG9 light yellow; attachment, form background				
   * Set BG9   = #FEFBF3
BG10 light green 'new'
   * Set BG10   = #ECFADC
BG11 dark gray; diff header background (same as T8)			
   * Set BG11   = #8E9195
BG12 dark yellow, submit button			
   * Set BG12   = #FED764
BG13 light blue: form steps				
   * Set BG13   = #F6FAFD
BG14 lighter blue: left bar				
   * Set BG14   = #F9FCFE
	
---++ Border colors
BO1	light gray		
   * Set BO1   = #efefef
BO2 submit button border blue ('active')
   * Set BO2   = #88B6CF
BO3	info light blue border				
   * Set BO3   = #D5E6F3
BO4 border color beige, header h2 bottom border				
   * Set BO4   = #E2DCC8
BO5 header h3..h6 bottom border	(75% of BO4)				
   * Set BO5   = #E9E4D2
BO6 darker gray		
   * Set BO6   = #aaa
BO7 neutral gray border
   * Set BO7   = #ccc
BO8 light neutral gray
   * Set BO8   = #ddd
BO9 alert border	
   * Set B09   = #f00
BO10 dark gray (same as BG11)			
   * Set B10   = #8E9195

---------------------------------------------------------------------------------------	
<verbatim>
%ATTACH{"theme-colors.css"}%

/* LAYOUT ELEMENTS */

#patternTopBar {
	background-color:%BG1%;
	border-color:#ccc;
}
#patternMain { /* don't set a background here; use patternOuter */ }
#patternOuter {
        background-color:%BG%; /*** Sets background of center col***/
        border-color:#ccc;
}
#patternLeftBar, #patternLeftBarContents { /* don't set a background here; use patternWrapper */ }
#patternWrapper {
        background-color:%BG13%;
}

#patternBottomBar {
	background-color:%BG1%;
	border-color:#ccc;
}
#patternBottomBarContents,
#patternBottomBarContents a:link,
#patternBottomBarContents a:visited {
	color:%T8%;
}

/* GENERAL HTML ELEMENTS */

html body {
	background-color:%BG1%;
	color:%THEME_TEXT_COLOR%;
}
/* be kind to netscape 4 that doesn't understand inheritance */
body, p, li, ul, ol, dl, dt, dd, acronym, h1, h2, h3, h4, h5, h6 {
	background-color:transparent;
}
hr {
	color:%BO7%;
	background-color:%BO7%;
}
pre, code, tt {
	color:%T6%;
}
h1, h2, h3, h4, h5, h6 {
	color:%T5%;
}
h1 a:link,
h1 a:visited {
	color:%T5%;
}
h1 a:hover {
	color:%T3%;
}
h2 {
	background-color:#FDFAF1;
	border-color:%BO4%;
}
h3, h4, h5, h6 {
	border-color:%BO5%;
}
/* to override old Render.pm coded font color style */
.twikiNewLink font {
	color:inherit;
}
.twikiNewLink a:link sup,
.twikiNewLink a:visited sup {
	color:%T7%;
	border-color:%BO8%;
}
.twikiNewLink a:hover sup {
	background-color:%BG2%;
	color:%C3%;
	border-color:%BG2%; /* (part of bg)  */
}
.twikiNewLink {
	border-color:%BO8%;
}
:link:focus,
:visited:focus,
:link,
:visited,
:link:active,
:visited:active {
	color:%T2%;;
	background-color:transparent;
}
:link:hover,
:visited:hover {
	color:%C3%;
	background-color:%BG2%;
}
:link:hover img,
:visited:hover img {
	background:%BG1%;
}
.patternTopic a:visited {
	color:%T7%;
}
.patternTopic a:hover {
	color:%C3%;
}

/* Form elements */

textarea,
input,
select {
	border-color:%BO6%;
}
.twikiSubmit,
.twikiButton {
	border-color:#ddd #aaa #aaa #ddd;
	color:#333;
	background-color:%BG1%;
}
.twikiSubmit:active,
.twikiButton:active {
	border-color:#999 #ccc #ccc #999;
	color:#000;
}
.twikiSubmitDisabled,
.twikiSubmitDisabled:active {
	border-color:#ddd;
	color:#ccc;
	background-color:#f5f5f5;
}
.twikiInputField,
.twikiSelect {
	border-color:#aaa #ddd #ddd #aaa;
	color:#000;
	background-color:%BG1%;
}
.twikiInputFieldDisabled {
	color:%T7%;
}

/*	-----------------------------------------------------------
	Plugin elements
	-----------------------------------------------------------	*/

/* TablePlugin */
.twikiTable,
.twikiTable td,
.twikiTable th {
	border-color:%BO8%;
}
.twikiTable th a:link,
.twikiTable th a:visited,
.twikiTable th a font {
	color:%T2%;
}
.twikiTable th a:hover,
.twikiTable th a:hover font {
	background-color:transparent;
	color:%T4%;
	border-color:%T4%;
}

/* TablePlugin - sorting of table columns */
.patternTopic th.twikiSortedAscendingCol,
.patternTopic th.twikiSortedDescendingCol {
	background-color:%BG8%;
}
th.twikiSortedAscendingCol a:link,
th.twikiSortedAscendingCol a:link font,
th.twikiSortedAscendingCol a:visited,
th.twikiSortedAscendingCol a:visited font,
th.twikiSortedDescendingCol a:link,
th.twikiSortedDescendingCol a:link font,
th.twikiSortedDescendingCol a:visited,
th.twikiSortedDescendingCol a:visited font {
	border-color:%T7%;
}
th.twikiSortedAscendingCol a:hover,
th.twikiSortedAscendingCol a:hover font,
th.twikiSortedDescendingCol a:hover,
th.twikiSortedDescendingCol a:hover font {
	border-color:%T4%;
}

/* TwistyContrib */
.twistyPlaceholder {
	color:%T8%;
}
a:hover.twistyTrigger {
	color:%T3%;
}

/* TipsContrib */
.tipsOfTheDay {
	background-color:%BG5%;
}
.patternTopic .tipsOfTheDayHeader {
	color:%T11%;
}
/* TipsContrib - in left bar */
#patternLeftBar .tipsOfTheDay a:link,
#patternLeftBar .tipsOfTheDay a:visited {
	color:%T5%;
}
#patternLeftBar .tipsOfTheDay a:hover {
	color:%T3%;
}

/* RevCommentPlugin */
.revComment .patternTopicAction {
	background-color:#FDFBF4;
}

/*	-----------------------------------------------------------
	TWiki styles
	-----------------------------------------------------------	*/

.twikiGrayText {
	color:%T8%;
}
.twikiGrayText a:link,
.twikiGrayText a:visited {
	color:%T8%;
}
.twikiGrayText a:hover {
	color:%C3%;
}

table.twikiFormTable th.twikiFormTableHRow,
table.twikiFormTable td.twikiFormTableRow {
	color:%T7%;
}
.twikiEditForm {
	color:%THEME_TEXT_COLOR%;
}
.twikiEditForm .twikiFormTable th,
.twikiEditForm .twikiFormTable td {
	border-color:%BO8%;
}
.twikiEditForm .twikiFormTable td  {
	background-color:#F6F8FC;
}
.twikiEditForm .twikiFormTable th {
	background-color:%BG5%;
}
.patternContent .twikiAttachments,
.patternContent .twikiForm {
	background-color:%BG9%;
	border-color:%BO4%;
}
.twikiAttachments table,
table.twikiFormTable {
	border-color:%BO7%;
	background-color:%BG1%;
}
.twikiAttachments table {
	background-color:%BG1%;
}
.twikiAttachments td, 
.twikiAttachments th {
	border-color:#ccc;
}
.twikiAttachments th/*,
table.twikiFormTable th.twikiFormTableHRow*/ {
	background-color:%BG1%;
}
.twikiAttachments td {
	background-color:%BG1%;
}
.twikiAttachments th a:link,
.twikiAttachments th a:visited,
table.twikiFormTable th.twikiFormTableHRow a:link,
table.twikiFormTable th.twikiFormTableHRow a:visited {
	color:%T2%;
}
.twikiAttachments th font,
table.twikiFormTable th.twikiFormTableHRow font {
	color:%T2%;
}
.twikiAttachments th a:hover,
table.twikiFormTable th.twikiFormTableHRow a:hover {
	border-color:%T2%;
	background-color:transparent;
}
.twikiAttachments th.twikiSortedAscendingCol,
.twikiAttachments th.twikiSortedDescendingCol {
	background-color:%BG3%;
}
.twikiFormSteps {
	background-color:%BG13%;
	border-color:#E2DCC8;
}
.twikiFormStep {
	border-color:#E2DCC8;
}
.twikiFormStep h3,
.twikiFormStep h4 {
	background-color:transparent;
}
.twikiToc .twikiTocTitle {
	color:%T7%;
}
.twikiBroadcastMessage {
	background-color:yellow;
}
.twikiBroadcastMessage b,
.twikiBroadcastMessage strong {
	color:%T9%;
}
.twikiAlert,
.twikiAlert code {
	color:%T9%;
}
.twikiEmulatedLink {
	color:%T2%;
}
.twikiPageForm table {
	border-color:%BO8%;
	background:%BG1%;
}
.twikiPageForm hr {
	border-color:%BO1%;
	background-color:%BO1%;
	color:%BO1%;
}
.twikiHelp {
	background-color:%BG5%;
	border-color:%BO3%;
}
.twikiAccessKey {
	color:inherit;
	border-color:%T8%;
}
a:link .twikiAccessKey,
a:visited .twikiAccessKey,
a:hover .twikiAccessKey {
	color:inherit;
}


/*	-----------------------------------------------------------
	Pattern skin specific elements
	-----------------------------------------------------------	*/
#patternPage {
	background-color:%BG1%;
}
/* Left bar */
#patternLeftBarContents {
	color:%T7%;
}
#patternLeftBarContents .patternWebIndicator {
	color:%THEME_TEXT_COLOR%;
}
#patternLeftBarContents .patternWebIndicator a:link,
#patternLeftBarContents .patternWebIndicator a:visited {
	color:%THEME_TEXT_COLOR%;
}
#patternLeftBarContents .patternWebIndicator a:hover {
	color:%T3%;
}
#patternLeftBarContents hr {
	color:%BO4%;
	background-color:%BO4%;
}
#patternLeftBarContents a:link,
#patternLeftBarContents a:visited {
	color:%T6%;
}
#patternLeftBarContents a:hover {
	color:%C3%;
}
#patternLeftBarContents b,
#patternLeftBarContents strong {
	color:%T11%;
}
#patternLeftBarContents .patternChangeLanguage {
	color:%T8%;
}
#patternLeftBarContents .patternLeftBarPersonal {
	border-color:#D9EAF6;
}
#patternLeftBarContents .patternLeftBarPersonal a:link,
#patternLeftBarContents .patternLeftBarPersonal a:visited {
	color:%T2%;;
}
#patternLeftBarContents .patternLeftBarPersonal a:hover {
	color:%C3%;
	background-color:%BG2%;
}
.patternSeparator {
	font-family:monospace;
}
.patternTopicActions {
	border-color:%BO4%;
}
.patternTopicAction {
	color:%T7%;
	border-color:%BO4%;
	background-color:#FBF7E8;
}
.patternTopicAction .twikiSeparator {
	color:#aaa;
}
.patternActionButtons a:link,
.patternActionButtons a:visited {
	color:%T4%;
}
.patternActionButtons a:hover {
	color:%C3%;
}
.patternTopicAction .twikiAccessKey {
	border-color:#C75305;
}
.patternTopicAction label {
	color:%THEME_TEXT_COLOR%;
}
.patternHelpCol {
	color:%T8%;
}
.patternFormFieldDefaultColor {
	/* input fields default text color (no user input) */
	color:%T8%;
}

.patternToolBar .patternButton s,
.patternToolBar .patternButton strike,
.patternToolBar .patternButton a:link,
.patternToolBar .patternButton a:visited {
	border-color:%BO4%;
	background-color:%BG1%;
}
.patternToolBar .patternButton a:link,
.patternToolBar .patternButton a:visited {
	color:%T7%;
}
.patternToolBar .patternButton s,
.patternToolBar .patternButton strike {
	color:#ccc;
	border-color:#e0e0e0;
	background-color:%BG1%;
}
.patternToolBar .patternButton a:hover {
	background-color:%BG2%;
	color:%C3%;
	border-color:%T4%;
}
.patternToolBar .patternButton img {
	background-color:transparent;
}	
.patternToolBarBottom {
	border-color:%BO4%;
}
.patternToolBar a:link .twikiAccessKey,
.patternToolBar a:visited .twikiAccessKey {
	color:inherit;
	border-color:%T7%;
}
.patternToolBar a:hover .twikiAccessKey {
	background-color:transparent;
	color:inherit;
}

.patternRevInfo,
.patternRevInfo a:link,
.patternRevInfo a:visited {
	color:%T8%;
}
.patternRevInfo a:hover {
	color:%C3%;
}

.patternMoved,
.patternMoved a:link,
.patternMoved a:visited {
	color:%T8%;
}
.patternMoved a:hover {
	color:%T3%;
}
.patternSaveHelp {
	background-color:%BG1%;
}

/* WebSearch, WebSearchAdvanced */
table#twikiSearchTable th,
table#twikiSearchTable td {
	background-color:%BG1%;
	border-color:%BO8%;
} 
table#twikiSearchTable th {
	color:%T8%;
}
table#twikiSearchTable td.first {
	background-color:%BG3%;
}

/*	-----------------------------------------------------------
	Search results
	styles and overridden styles used in search.pattern.tmpl
	-----------------------------------------------------------	*/

h3.patternSearchResultsHeader,
h4.patternSearchResultsHeader {
	background-color:%BG9%;
	border-color:%BO7%;
}
h4.patternSearchResultsHeader {
	color:#000;
}
.patternNoViewPage h4.patternSearchResultsHeader {
	color:%T5%;
}
.patternSearchResult .twikiBottomRow {
	border-color:%BO8%;
}
.patternSearchResult .twikiAlert {
	color:%T9%;
}
.patternSearchResult .twikiSummary .twikiAlert {
	color:%C5%;
}
.patternSearchResult .twikiNew {
	background-color:%BG10%;
	border-color:%T10%;
	color:%T10%;
}
.patternViewPage .patternSearchResultsBegin {
	border-color:%BO8%;
}

/* Search results in book view format */

.patternBookView .twikiTopRow {
	background-color:transparent; /* set to WEBBGCOLOR in css.pattern.tmpl */
	color:%T7%;
}
.patternBookView .twikiBottomRow {
	border-color:%BO8%;
}
.patternBookView .patternSearchResultCount {
	color:%T8%;
}

/* oopsmore.pattern.tmpl */

table.patternDiffOptions img {
	border-color:%BO7%;
}

/* edit.pattern.tmpl */

.patternEditPage textarea#topic {
	background-color:%BG1%;
}
.twikiChangeFormButton .twikiButton,
.twikiChangeFormButtonHolder .twikiButton {
	color:%T2%;
	background:none;
}
.patternSig input {
	color:%T8%;
	background-color:%BG1%;
}

/* preview.pattern.tmpl */

.patternPreviewArea {
	border-color:%BO9%;
	background-color:%BG1%;
}

/* rdiff.pattern.tmpl */

.patternDiff {
	border-color:#ccc;
}
.patternDiff h4.patternSearchResultsHeader {
	background-color:#ccc;
}
tr.twikiDiffDebug td {
	border-color:%BO8%;
}
.patternDiffPage .twikiDiffTable th {
	background-color:#eee;
}
tr.twikiDiffDebug .twikiDiffChangedText,
tr.twikiDiffDebug .twikiDiffChangedText {
	background:#99ff99;
}
/* Deleted */
tr.twikiDiffDebug .twikiDiffDeletedMarker,
tr.twikiDiffDebug .twikiDiffDeletedText {
	background-color:#f99;
}
/* Added */
tr.twikiDiffDebug .twikiDiffAddedMarker,
tr.twikiDiffDebug .twikiDiffAddedText {
	background-color:#ccf;
}
/* Unchanged */
tr.twikiDiffDebug .twikiDiffUnchangedText {
	color:%T8%;
}
/* Headers */
.twikiDiffChangedHeader,
.twikiDiffDeletedHeader,
.twikiDiffAddedHeader {
	background-color:#ccc;
}
/* Unchanged */
.twikiDiffUnchangedTextContents { }
.twikiDiffLineNumberHeader {
	background-color:#eee;
}
%ENDATTACH%
</verbatim>