# Color scheme settings for [[PatternSkin]]
**Appearance: text colors, background colors, border colors.**
Use this topic to change the color settings of [[PatternSkin]]. When this topic is saved, the attachment `theme-colors.css` will be updated with new color values. This method relies on TWiki:Plugins.AttachContentPlugin to work.
## Usage
### Step 1
Let [[PatternSkin]] point to the custom-made colors style sheet. In [[Main.TWikiPreferences|Main/TWikiPreferences]] put:
* Set USERCOLORSURL = %PUBURLPATH%/%MAINWEB%/TWikiPreferences/theme-colors.css
### Step 2
Edit this topic, and change the color variables as you like.
## Color variables
## Logical groupings
### Text on background
#### MAIN\_TEXT\_COLOR Main text color
- Set MAIN\_TEXT\_COLOR = #000
#### MAIN\_BACKGROUND\_COLOR Main background color
- Set MAIN\_BACKGROUND\_COLOR = #fff
#### LIGHT\_ON\_DARK\_TEXT\_COLOR Light on dark text color
- Set LIGHT\_ON\_DARK\_TEXT\_COLOR = #fff
### Links
#### LINK\_TEXT\_NORMAL Link normal text
- Set LINK\_TEXT\_NORMAL = #06c
#### LINK\_BACKGROUND\_NORMAL Link normal background
- Set LINK\_BACKGROUND\_NORMAL =
#### LINK\_TEXT\_ACTION\_BUTTON Link text red (same as LINK\_BACKGROUND\_HOVER)
- Set LINK\_TEXT\_ACTION\_BUTTON = #D6000F
#### LINK\_TEXT\_HOVER Link hover text
- Set LINK\_TEXT\_HOVER = #FBF7E8
#### LINK\_BACKGROUND\_HOVER Link background hover
- Set LINK\_BACKGROUND\_HOVER = #D6000F
#### SIDE\_BAR\_LINK\_TEXT Side bar link text
- Set SIDE\_BAR\_LINK\_TEXT = #666
#### LINK\_TEXT\_NORMAL\_TABLE\_HEADER Table header link text
- Set LINK\_TEXT\_NORMAL\_TABLE\_HEADER = #fff
#### LINK\_TEXT\_NORMAL\_BORDER\_TABLE\_HEADER Table header link border
- Set LINK\_TEXT\_NORMAL\_BORDER\_TABLE\_HEADER = #bbb
#### LINK\_TEXT\_SORTED\_TABLE\_HEADER Sorted table header link text
- Set LINK\_TEXT\_SORTED\_TABLE\_HEADER = #fff
#### LINK\_TEXT\_HOVER\_TABLE\_HEADER Table header link hover text
- Set LINK\_TEXT\_HOVER\_TABLE\_HEADER = #fff
#### LINK\_BORDER\_TABLE\_SELECTED\_COLUMN\_HEADER Link border in selected column header
- Set LINK\_BORDER\_TABLE\_SELECTED\_COLUMN\_HEADER = #999
### Disabled
#### DISABLED\_BORDER Disabled border
- Set DISABLED\_BORDER = #e0e0e0
#### DISABLED\_TEXT Disabled text
- Set DISABLED\_TEXT = #ccc
#### DISABLED\_BACKGROUND Disabled background
- Set DISABLED\_BACKGROUND = #f5f5f5
### 'New'
#### NEW\_TEXT New text (green)
- Set NEW\_TEXT = #049804
#### NEW\_BACKGROUND New background (light green)
- Set NEW\_BACKGROUND = #ECFADC
### Alert
#### ALERT\_TEXT Alert text (red)
- Set ALERT\_TEXT = #f00
#### ALERT\_TEXT\_MUTED Muted alert text (dark red)
- Set ALERT\_TEXT\_MUTED = #900
#### ALERT\_BORDER Alert border
- Set ALERT\_BORDER = #f00
### Buttons
#### BUTTON\_TEXT Button text color (dark gray)
- Set BUTTON\_TEXT = #333
#### BUTTON\_BORDERS Button borders
- Set BUTTON\_BORDERS = #ddd #aaa #aaa #ddd
#### BUTTON\_BORDERS\_ACTIVE Button borders (active)
- Set BUTTON\_BORDERS\_ACTIVE = #999 #ccc #ccc #999
#### SUBMIT\_BUTTON\_BACKGROUND Submit button background (dark yellow)
- Set SUBMIT\_BUTTON\_BACKGROUND = #FED764
#### SUBMIT\_BUTTON\_BORDER Submit button border (blue)
- Set SUBMIT\_BUTTON\_BORDER = #88B6CF
### Forms
#### INPUT\_FIELD\_BORDERS Input field borders
- Set INPUT\_FIELD\_BORDERS = #aaa #ddd #ddd #aaa
#### FORM\_INPUT\_BORDER Textarea, input and select (darker gray)
- Set FORM\_INPUT\_BORDER = #aaa
#### FORM\_BORDER Form (same as twikiTable border)
- Set FORM\_BORDER = #ccc
#### ACTIVE\_FORM\_BACKGROUND Edit form, form steps
- Set ACTIVE\_FORM\_BACKGROUND = #f8fbfc
#### FORMFIELD\_ACTIVE Active form field (not implemented yet)
- Set FORMFIELD\_ACTIVE = #ffc
## Color groupings
### Text colors
#### GENERAL\_TEXT General text (if not set in MAIN\_BACKGROUND\_COLOR) (black)
- Set GENERAL\_TEXT = #000
#### HEADER\_TEXT Header text
- Set HEADER\_TEXT = #a00
#### CODE\_TEXT Code text, left bar text and links
- Set CODE\_TEXT = #7A4707
#### MUTED\_TEXT Muted text (dark gray)
- Set MUTED\_TEXT = #666
#### GRAYED\_OUT\_TEXT Grayed out text
- Set GRAYED\_OUT\_TEXT = #8E9195
#### STRONG\_TEXT Dark text, header (dark gray)
- Set STRONG\_TEXT = #333
#### SEPARATOR Seperator in topic action bar
- Set SEPARATOR = #aaa
### Background colors
#### GENERAL\_BACKGROUND General background color (if not set in MAIN\_BACKGROUND\_COLOR) (white)
- Set GENERAL\_BACKGROUND = #fff
#### SIDE\_BAR\_BACKGROUND Side bar background
- Set SIDE\_BAR\_BACKGROUND = #f7fafc
#### SIDE\_BAR\_PERSONAL\_BACKGROUND Side bar personal background
- Set SIDE\_BAR\_PERSONAL\_BACKGROUND = #e6eff5;
#### INFO\_BACKGROUND Info (very light blue) (placeholder for background image)
- Set INFO\_BACKGROUND = #f8fbfc
#### TOPIC\_ACTION\_BACKGROUND Topic action row (light yellow)
- Set TOPIC\_ACTION\_BACKGROUND = #FCF8EC
#### HEADER\_BACKGROUND H1, H2, etc header (light yellow)
- Set HEADER\_BACKGROUND = #FDFAF3
#### ATTACHMENT\_AND\_FORM\_BACKGROUND Attachment, form (light yellow)
- Set ATTACHMENT\_AND\_FORM\_BACKGROUND = #FEFCF6
#### DIFF\_HEADER\_BACKGROUND Diff header (dark gray) (same as GRAYED\_OUT\_TEXT)
- Set DIFF\_HEADER\_BACKGROUND = #ccc
#### Table colors
##### TABLE\_DATA\_BACKGROUND Table data background
- Set TABLE\_DATA\_BACKGROUND = #f0f6f9
##### TABLE\_HEADER\_BACKGROUND Table header background
- Set TABLE\_HEADER\_BACKGROUND = #6b7f93
##### TABLE\_SELECTED\_COLUMN\_HEADER\_BACKGROUND Sorted table column accent background
- Set TABLE\_SELECTED\_COLUMN\_HEADER\_BACKGROUND = #345
##### TABLE\_DATA\_ODD\_BACKGROUND Table data background (odd row)
- Set TABLE\_DATA\_ODD\_BACKGROUND = #edf4f9
##### TABLE\_DATA\_EVEN\_BACKGROUND Table data background (even row)
- Set TABLE\_DATA\_EVEN\_BACKGROUND = #ffffff
##### TABLE\_DATA\_ODD\_SELECTED\_BACKGROUND Table data background (odd row, selected column)
- Set TABLE\_DATA\_ODD\_SELECTED\_BACKGROUND = #dce7ee
##### TABLE\_DATA\_EVEN\_SELECTED\_BACKGROUND Table data background (even row, selected column)
- Set TABLE\_DATA\_EVEN\_SELECTED\_BACKGROUND = #f5f5f5
##### TABLE\_DATA\_MIX\_BACKGROUND Table data background (mix between even and odd)
- Set TABLE\_DATA\_MIX\_BACKGROUND = #f7fafc
### Border colors
#### INFO\_BORDER Info (light blue)
- Set INFO\_BORDER = #D5E6F3
#### SEPARATOR\_BORDER HR line, bottom of h2, attachment table, form (brown)
- Set SEPARATOR\_BORDER = #E2DCC8
#### MINOR\_SEPARATOR\_BORDER Header H3..H6 bottom (75% of SEPARATOR\_BORDER)
- Set MINOR\_SEPARATOR\_BORDER = #E9E4D2
#### LAYOUT\_ELEMENT\_BORDER Main layout elements (neutral tone)
- Set LAYOUT\_ELEMENT\_BORDER = #ccc
#### TABLE\_BORDER Table border, sup (light neutral tone)
- Set TABLE\_BORDER = #ccc
#### TABLE\_BORDER\_LIGHT Table border light
- Set TABLE\_BORDER\_LIGHT = #e2e7eb
Do not change the text below this line unless you know what you are doing!
----
%STARTATTACH{"theme-colors.css"}%
/* PatternSkin colors */
/* Generated by AttachContentPlugin from TWiki.PatternSkinColorSettings */
/* LAYOUT ELEMENTS */
#patternTopBar {
background-color:%MAIN_BACKGROUND_COLOR%;
border-color:%LAYOUT_ELEMENT_BORDER%;
}
#patternMain { /* don't set a background here; use patternOuter */ }
#patternOuter {
background-color:%MAIN_BACKGROUND_COLOR%; /* Sets background of center col */
border-color:%LAYOUT_ELEMENT_BORDER%;
}
#patternLeftBar, #patternLeftBarContents { /* don't set a background here; use patternWrapper */ }
#patternWrapper {
background-color:%SIDE_BAR_BACKGROUND%;
}
#patternBottomBar {
background-color:%MAIN_BACKGROUND_COLOR%;
border-color:%LAYOUT_ELEMENT_BORDER%;
}
#patternBottomBarContents,
#patternBottomBarContents a:link,
#patternBottomBarContents a:visited {
color:%GRAYED_OUT_TEXT%;
}
#patternBottomBarContents a:hover {
color:%LINK_TEXT_HOVER%;
}
/* GENERAL HTML ELEMENTS */
html body {
background-color:%MAIN_BACKGROUND_COLOR%;
color:%MAIN_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:%LAYOUT_ELEMENT_BORDER%;
background-color:%LAYOUT_ELEMENT_BORDER%;
}
pre, code, tt {
color:%CODE_TEXT%;
}
blockquote {
border-color:%INFO_BORDER%;
background-color:%ACTIVE_FORM_BACKGROUND%;
}
h1, h2, h3, h4, h5, h6 {
color:%HEADER_TEXT%;
}
h1 a:link,
h1 a:visited {
color:%HEADER_TEXT%;
}
h1 a:hover {
color:%LINK_TEXT_HOVER%;
}
h2 {
background-color:%HEADER_BACKGROUND%;
border-color:%SEPARATOR_BORDER%;
}
h3, h4, h5, h6 {
border-color:%MINOR_SEPARATOR_BORDER%;
}
/* to override old Render.pm coded font color style */
.twikiNewLink font {
color:inherit;
}
.twikiNewLink a:link sup,
.twikiNewLink a:visited sup {
color:%MUTED_TEXT%;
border-color:%TABLE_BORDER%;
}
.twikiNewLink a:hover sup {
background-color:%LINK_BACKGROUND_HOVER%;
color:%LINK_TEXT_HOVER%;
border-color:%LINK_BACKGROUND_HOVER%;
}
.twikiNewLink {
border-color:%TABLE_BORDER%;
}
:link:focus,
:visited:focus,
:link,
:visited,
:link:active,
:visited:active {
color:%LINK_TEXT_NORMAL%;
background-color:transparent;
}
:link:hover,
:visited:hover {
color:%LINK_TEXT_HOVER%;
background-color:%LINK_BACKGROUND_HOVER%;
}
:link:hover img,
:visited:hover img {
background-color:transparent;
}
/* fix for hover over transparent logo: */
#patternTopBar :link:hover img,
#patternTopBar :visited:hover img {
background:%MAIN_BACKGROUND_COLOR%;
}
.patternTopic a:visited {
color:%MUTED_TEXT%;
}
.patternTopic a:hover {
color:%LINK_TEXT_HOVER%;
}
/* Form elements */
textarea,
input,
select {
border-color:%FORM_INPUT_BORDER%;
color:%MAIN_TEXT_COLOR%;
background-color:%GENERAL_BACKGROUND%;
}
.twikiSubmit,
.twikiButton {
border-color:%BUTTON_BORDERS%;
color:%BUTTON_TEXT%;
background-color:%GENERAL_BACKGROUND%;
}
.twikiSubmit:active,
.twikiButton:active {
border-color:%BUTTON_BORDERS_ACTIVE%;
color:%GENERAL_TEXT%;
}
.twikiSubmitDisabled,
.twikiSubmitDisabled:active {
border-color:%DISABLED_BORDER%;
color:%DISABLED_TEXT%;
background-color:%DISABLED_BACKGROUND%;
}
.twikiInputField,
.twikiSelect {
border-color:%INPUT_FIELD_BORDERS%;
color:%MAIN_TEXT_COLOR%;
background-color:%MAIN_BACKGROUND_COLOR%;
}
.twikiInputFieldDisabled {
color:%MUTED_TEXT%;
}
/* -----------------------------------------------------------
Plugin elements
----------------------------------------------------------- */
/* TablePlugin */
.twikiTable,
.twikiTable td {
border-color:%TABLE_BORDER%;
}
.twikiTable th {
border-color:%TABLE_BORDER% %MAIN_BACKGROUND_COLOR%;
}
.twikiTable th a:link,
.twikiTable th a:visited,
.twikiTable th a font {
color:%LINK_TEXT_NORMAL_TABLE_HEADER%;
}
/* TwistyContrib */
.twistyPlaceholder {
color:%GRAYED_OUT_TEXT%;
}
a:hover.twistyTrigger {
color:%LINK_TEXT_HOVER%;
}
/* TipsContrib */
.tipsOfTheDay {
background-color:%INFO_BACKGROUND%;
}
.patternTopic .tipsOfTheDayHeader {
color:%STRONG_TEXT%;
}
/* TipsContrib - in left bar */
#patternLeftBar .tipsOfTheDay a:link,
#patternLeftBar .tipsOfTheDay a:visited {
color:%HEADER_TEXT%;
}
#patternLeftBar .tipsOfTheDay a:hover {
color:%LINK_TEXT_HOVER%;
}
/* RevCommentPlugin */
.revComment .patternTopicAction {
background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
}
/* -----------------------------------------------------------
TWiki styles
----------------------------------------------------------- */
.twikiGrayText {
color:%GRAYED_OUT_TEXT%;
}
.twikiGrayText a:link,
.twikiGrayText a:visited {
color:%GRAYED_OUT_TEXT%;
}
.twikiGrayText a:hover {
color:%LINK_TEXT_HOVER%;
}
table.twikiFormTable th.twikiFormTableHRow,
table.twikiFormTable td.twikiFormTableRow {
color:%MUTED_TEXT%;
}
.twikiEditForm {
color:%MAIN_TEXT_COLOR%;
}
.twikiEditForm .twikiFormTable,
.twikiEditForm .twikiFormTable th,
.twikiEditForm .twikiFormTable td {
border-color:%TABLE_BORDER_LIGHT%;
}
/* use a different table background color mix: no odd/even rows, no white background */
.twikiEditForm .twikiFormTable td {
background-color:%TABLE_DATA_MIX_BACKGROUND%;
}
.twikiEditForm .twikiFormTable th {
background-color:%TABLE_DATA_ODD_BACKGROUND%;
}
.patternContent .twikiAttachments,
.patternContent .twikiForm {
background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
border-color:%SEPARATOR_BORDER%;
}
.twikiAttachments table,
table.twikiFormTable {
border-color:%LAYOUT_ELEMENT_BORDER%;
background-color:%MAIN_BACKGROUND_COLOR%;
}
.twikiAttachments table {
background-color:%MAIN_BACKGROUND_COLOR%;
}
.twikiAttachments td,
.twikiAttachments th {
border-color:%LAYOUT_ELEMENT_BORDER%;
}
.twikiAttachments .twikiTable th font,
table.twikiFormTable th.twikiFormTableHRow font {
color:%LINK_TEXT_NORMAL%;
}
.twikiFormSteps {
background-color:%ACTIVE_FORM_BACKGROUND%;
border-color:%SEPARATOR_BORDER%;
}
.twikiFormStep {
border-color:%SEPARATOR_BORDER%;
}
.twikiFormStep h3,
.twikiFormStep h4 {
background-color:transparent;
}
.twikiToc .twikiTocTitle {
color:%MUTED_TEXT%;
}
.twikiBroadcastMessage {
background-color:yellow;
}
.twikiBroadcastMessage b,
.twikiBroadcastMessage strong {
color:%ALERT_TEXT%;
}
.twikiAlert,
.twikiAlert code {
color:%ALERT_TEXT%;
}
.twikiEmulatedLink {
color:%LINK_TEXT_NORMAL%;
}
.twikiPageForm table {
border-color:%TABLE_BORDER%;
background:%MAIN_BACKGROUND_COLOR%;
}
.twikiPageForm hr {
border-color:%FORM_BORDER%;
background-color:%FORM_BORDER%;
color:%FORM_BORDER%;
}
.twikiHelp {
background-color:%INFO_BACKGROUND%;
border-color:%INFO_BORDER%;
}
.twikiAccessKey {
color:inherit;
border-color:%GRAYED_OUT_TEXT%;
}
a:link .twikiAccessKey,
a:visited .twikiAccessKey,
a:hover .twikiAccessKey {
color:inherit;
}
/* -----------------------------------------------------------
Pattern skin specific elements
----------------------------------------------------------- */
#patternPage {
background-color:%MAIN_BACKGROUND_COLOR%;
}
/* Left bar */
#patternLeftBarContents {
color:%MUTED_TEXT%;
}
#patternLeftBarContents .patternWebIndicator {
color:%GENERAL_TEXT%;
}
#patternLeftBarContents .patternWebIndicator a:link,
#patternLeftBarContents .patternWebIndicator a:visited {
color:%GENERAL_TEXT%;
}
#patternLeftBarContents .patternWebIndicator a:hover {
color:%LINK_TEXT_HOVER%;
}
#patternLeftBarContents hr {
color:%SEPARATOR_BORDER%;
background-color:%SEPARATOR_BORDER%;
}
#patternLeftBarContents a:link,
#patternLeftBarContents a:visited {
color:%SIDE_BAR_LINK_TEXT%;
}
#patternLeftBarContents a:hover {
color:%LINK_TEXT_HOVER%;
}
#patternLeftBarContents b,
#patternLeftBarContents strong {
color:%STRONG_TEXT%;
}
#patternLeftBarContents .patternChangeLanguage {
color:%GRAYED_OUT_TEXT%;
}
#patternLeftBarContents .patternLeftBarPersonal {
background-color:%SIDE_BAR_PERSONAL_BACKGROUND%
}
#patternLeftBarContents .patternLeftBarPersonal a:link,
#patternLeftBarContents .patternLeftBarPersonal a:visited,
#patternLeftBarContents .twikiHierarchicalNavigation a:link,
#patternLeftBarContents .twikiHierarchicalNavigation a:visited {
color:%LINK_TEXT_NORMAL%;
}
#patternLeftBarContents .patternLeftBarPersonal a:hover,
#patternLeftBarContents .twikiHierarchicalNavigation a:hover {
color:%LINK_TEXT_HOVER%;
background-color:%LINK_BACKGROUND_HOVER%;
}
#patternLeftBarContents .twikiHierarchicalNavigation {
background:%MAIN_BACKGROUND_COLOR%;
}
.patternTopicActions {
border-color:%SEPARATOR_BORDER%;
}
.patternTopicAction {
color:%MUTED_TEXT%;
border-color:%SEPARATOR_BORDER%;
background-color:%TOPIC_ACTION_BACKGROUND%;
}
.patternTopicAction s,
.patternTopicAction strike {
color:%DISABLED_TEXT%;
}
.patternTopicAction .twikiSeparator {
color:%SEPARATOR_BORDER%;
}
.patternActionButtons a:link,
.patternActionButtons a:visited {
color:%LINK_TEXT_ACTION_BUTTON%;
}
.patternActionButtons a:hover {
color:%LINK_TEXT_HOVER%;
}
.patternTopicAction .twikiAccessKey {
color:%LINK_TEXT_ACTION_BUTTON%;
border-color:%LINK_TEXT_ACTION_BUTTON%;
}
.patternTopicAction label {
color:%GENERAL_TEXT%;
}
.patternHelpCol {
color:%GRAYED_OUT_TEXT%;
}
.patternFormFieldDefaultColor {
/* input fields default text color (no user input) */
color:%GRAYED_OUT_TEXT%;
}
.patternToolBar .patternButton s,
.patternToolBar .patternButton strike,
.patternToolBar .patternButton a:link,
.patternToolBar .patternButton a:visited {
border-color:%SEPARATOR_BORDER%;
background-color:%GENERAL_BACKGROUND%;
}
.patternToolBar .patternButton a:link,
.patternToolBar .patternButton a:visited {
color:%MUTED_TEXT%;
}
.patternToolBar .patternButton s,
.patternToolBar .patternButton strike {
color:%DISABLED_TEXT%;
border-color:%DISABLED_BORDER%;
}
.patternToolBar .patternButton a:hover {
background-color:%LINK_BACKGROUND_HOVER%;
color:%LINK_TEXT_HOVER%;
border-color:%LINK_TEXT_ACTION_BUTTON%;
}
.patternToolBar .patternButton img {
background-color:transparent;
}
.patternToolBarBottom {
border-color:%SEPARATOR_BORDER%;
}
.patternToolBar a:link .twikiAccessKey,
.patternToolBar a:visited .twikiAccessKey {
color:inherit;
border-color:%MUTED_TEXT%;
}
.patternToolBar a:hover .twikiAccessKey {
background-color:transparent;
color:inherit;
}
.patternRevInfo,
.patternRevInfo a:link,
.patternRevInfo a:visited {
color:%GRAYED_OUT_TEXT%;
}
.patternRevInfo a:hover {
color:%LINK_TEXT_HOVER%;
}
.patternMoved,
.patternMoved a:link,
.patternMoved a:visited {
color:%GRAYED_OUT_TEXT%;
}
.patternMoved a:hover {
color:%LINK_TEXT_HOVER%;
}
.patternSaveHelp {
background-color:%MAIN_BACKGROUND_COLOR%;
}
/* WebSearch, WebSearchAdvanced */
table#twikiSearchTable th,
table#twikiSearchTable td {
background-color:%GENERAL_BACKGROUND%;
border-color:%TABLE_BORDER%;
}
table#twikiSearchTable th {
color:%MAIN_TEXT_COLOR%;
}
table#twikiSearchTable td.first {
background-color:%TOPIC_ACTION_BACKGROUND%;
}
/* -----------------------------------------------------------
Search results
styles and overridden styles used in search.pattern.tmpl
----------------------------------------------------------- */
h3.patternSearchResultsHeader,
h4.patternSearchResultsHeader {
background-color:%ATTACHMENT_AND_FORM_BACKGROUND%;
border-color:%LAYOUT_ELEMENT_BORDER%;
}
h4.patternSearchResultsHeader {
color:%MAIN_TEXT_COLOR%;
}
.patternNoViewPage h4.patternSearchResultsHeader {
color:%HEADER_TEXT%;
}
.patternSearchResult .twikiBottomRow {
border-color:%TABLE_BORDER%;
}
.patternSearchResult .twikiAlert {
color:%ALERT_TEXT%;
}
.patternSearchResult .twikiSummary .twikiAlert {
color:%ALERT_TEXT_MUTED%;
}
.patternSearchResult .twikiNew {
background-color:%NEW_BACKGROUND%;
border-color:%NEW_TEXT%;
color:%NEW_TEXT%;
}
.patternViewPage .patternSearchResultsBegin {
border-color:%TABLE_BORDER%;
}
/* Search results in book view format */
.patternBookView .twikiTopRow {
background-color:transparent; /* set to WEBBGCOLOR in css.pattern.tmpl */
color:%MUTED_TEXT%;
}
.patternBookView .twikiBottomRow {
border-color:%TABLE_BORDER%;
}
.patternBookView .patternSearchResultCount {
color:%GRAYED_OUT_TEXT%;
}
/* oopsmore.pattern.tmpl */
table.patternDiffOptions img {
border-color:%LAYOUT_ELEMENT_BORDER%;
}
/* edit.pattern.tmpl */
.twikiChangeFormButton .twikiButton,
.twikiChangeFormButtonHolder .twikiButton { /* looks like a link */
color:%LINK_TEXT_NORMAL%;
background:none;
}
.patternSig input {
color:%GRAYED_OUT_TEXT%;
background-color:%MAIN_BACKGROUND_COLOR%;
}
/* preview.pattern.tmpl */
.patternPreviewArea {
border-color:%ALERT_BORDER%;
background-color:%MAIN_BACKGROUND_COLOR%;
}
/* rdiff.pattern.tmpl */
.patternDiff {
border-color:%TABLE_HEADER_BACKGROUND%;
}
.patternDiff h4.patternSearchResultsHeader {
background-color:%TABLE_HEADER_BACKGROUND%;
color:%LIGHT_ON_DARK_TEXT_COLOR%;
}
.patternDiff h4.patternSearchResultsHeader a:link,
.patternDiff h4.patternSearchResultsHeader a:visited {
color:%LIGHT_ON_DARK_TEXT_COLOR%;
}
tr.twikiDiffDebug td {
border-color:%TABLE_BORDER%;
}
.patternDiffPage .twikiDiffTable th {
background-color:%DIFF_HEADER_BACKGROUND%;
}
/* Changed */
.twikiDiffChangedHeader,
tr.twikiDiffDebug .twikiDiffChangedText,
tr.twikiDiffDebug .twikiDiffChangedText {
background:#9f9; /* green - do not change */
}
/* Deleted */
.twikiDiffDeletedHeader,
tr.twikiDiffDebug .twikiDiffDeletedMarker,
tr.twikiDiffDebug .twikiDiffDeletedText {
background-color:#f99; /* red - do not change */
}
/* Added */
.twikiDiffAddedHeader,
tr.twikiDiffDebug .twikiDiffAddedMarker,
tr.twikiDiffDebug .twikiDiffAddedText {
background-color:#ccf; /* violet - do not change */
}
/* Unchanged */
tr.twikiDiffDebug .twikiDiffUnchangedText {
color:%GRAYED_OUT_TEXT%;
}
.twikiDiffUnchangedTextContents { }
.twikiDiffLineNumberHeader {
background-color:%DIFF_HEADER_BACKGROUND%;
}
/* IMAGES */
/* image positions are set here as well as these are dependent on the image */
.twikiInputField {
background-image:url(background_input.gif);
background-repeat:repeat-x;
}
.twikiInputFieldDisabled {
background-image:none;
border:none;
}
.twikiButton {
background-image:url(background_button.gif);
background-repeat:repeat-x;
}
.patternToolBarButtons .patternButton a {
/*
background-image:url(background_button.gif);
background-repeat:repeat-x;
*/
}
.twikiSubmit {
background-image:url(background_submit.gif);
background-repeat:repeat-x;
}
.twikiSubmitDisabled {
background-image:none;
}
.twikiToc li {
background-image:url(bullet-child-black.gif);
background-repeat:no-repeat;
background-position:0 .35em;
}
/*#patternLeftBarContents .patternLeftBarPersonal,*/
#twikiLogin,
#patternLeftBarContents .tipsOfTheDayContents {
background-image:url(gradient_blue.gif);
background-repeat:repeat-x;
}
#patternOuter {
/* gradient yellow of left bar and main */
background-image:url(gradient_yellow.gif);
background-repeat:repeat-x;
}
.patternPrintPage #patternOuter {
background:#fff; /* white - do not change */
}
.twikiPageForm table {
background-image:url(form_gradient.gif);
background-repeat:repeat-x;
}
/* commong settings */
.patternLeftBarPersonal li,
.twikiHierarchicalNavigation .twikiChildTopics li,
.twikiHierarchicalNavigation .twikiParentTopic li,
li.patternLogOut,
li.patternLogIn {
padding-left:13px;
background-position:0 .25em;
background-repeat:no-repeat;
}
.patternLeftBarPersonal li,
.twikiHierarchicalNavigation .twikiChildTopics li {
background-image:url(bullet-blue.gif);
}
.twikiHierarchicalNavigation .twikiParentTopic li {
background-image:url(bullet-parent.gif);
}
.patternLeftBarPersonal li.patternLogOut {
background-image:url(bullet-lock.gif);
}
.patternLeftBarPersonal li.patternLogIn {
background-image:url(bullet-lock.gif);
}
%ENDATTACH%