Difference: PatternSkinColorSettings (3 vs. 4)

Revision 42007-09-23 - TWikiContributor

-<
<
+  Color scheme settings for PatternSkin 
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.
->
>
+  Color scheme settings for PatternSkin 
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.
 AttachContentPlugin is not installed.

  Usage 
  Step 1
-<
<
+Let PatternSkin point to the custom-made colors style sheet. In Main.TWikiPreferences put:    * Set USERCOLORSURL = %PUBURLPATH%/%TWIKIWEB%/PatternSkin/theme-colors.css
->
>
+Let PatternSkin point to the custom-made colors style sheet. In Main.TWikiPreferences put:
->
>
+ Set USERCOLORSURL = /twiki/pub/TWiki/PatternSkin/theme-colors.css
   Step 2 
Edit this topic, and change the color variables as you like.

  Step 3
-<
<
+Save the topic. This will generate an attachment to topic PatternSkin.
->
>
+Save the topic. This will generate an attachment to topic PatternSkin.
  For more help on customizing styles, see PatternSkinCustomization.

  Color variables 
On this page: 
  Logical groupings 
  Text 
  MAIN_TEXT_COLOR Main text color
   MAIN_BACKGROUND_COLOR Main background color
   LIGHT_ON_DARK_TEXT_COLOR Light on dark text color
   GRAYED_TEXT_COLOR
   GENERAL_TEXT General text (if not set in MAIN_BACKGROUND_COLOR) (black)
   HEADER_TEXT Header text
   CODE_TEXT Code text, left bar text and links
   MUTED_TEXT Muted text (dark gray)
   GRAYED_OUT_TEXT Grayed out text
 
   Links 
  LINK_TEXT_NORMAL Link normal text
   LINK_BACKGROUND_NORMAL Link normal background
   LINK_TEXT_NORMAL_VISITED Link normal text visited
   LINK_TEXT_ACTION_BUTTON Link text red (same as LINK_BACKGROUND_HOVER)
   LINK_TEXT_HOVER Link hover text
   LINK_BACKGROUND_HOVER Link background hover
   SIDE_BAR_LINK_TEXT Side bar link text
 
   Disabled 
  DISABLED_BORDER Disabled border
   DISABLED_TEXT Disabled text
   DISABLED_BACKGROUND Disabled background
   BUTTON_BORDERS_DISABLED Disabled button borders
 
   'New' 
  NEW_TEXT New text (green)
   NEW_BACKGROUND New background (light green)
 
   Alert 
  ALERT_TEXT Alert text (red)
   ALERT_TEXT_MUTED Muted alert text (dark red)
   ALERT_BORDER Alert border
 
   Buttons 
  BUTTON_TEXT Button text color (dark gray)
   BUTTON_BORDERS Button borders
   BUTTON_BACKGROUND Button background
   BUTTON_CANCEL_BACKGROUND Cancel button background
   SUBMIT_BUTTON_BACKGROUND Submit button background
   SUBMIT_BUTTON_BORDER_TEXT Submit button text color
   SELECT_BORDER Select border
 
   Background colors 
  GENERAL_BACKGROUND General background color (if not set in MAIN_BACKGROUND_COLOR) (white)
   SIDE_BAR_BACKGROUND Side bar background
   NEUTRAL_BACKGROUND
   TOP_BAR_BACKGROUND Top bar background
   ATTACHMENT_AND_FORM_BACKGROUND Attachment, form
   TOPIC_ACTION_BACKGROUND Topic action row
   HEADER_BACKGROUND h2, h3
   DIFF_HEADER_BACKGROUND Diff header (dark gray)
   NOTIFICATION_BACKGROUND Info, broadcast message and notifications
   INFO_BACKGROUND
 
   Border colors 
  NEUTRAL_BORDER Info (light gray)
   SEPARATOR_BORDER
   MINOR_SEPARATOR_BORDER Header H3..H6 bottom
   LAYOUT_ELEMENT_BORDER Main layout elements (neutral tone)
   IMAGE_BORDER Image border
   FORM_STEP_BORDER Form step border
   NOTIFICATION_BORDER Broadcast message
   Table colors 
  TABLE_DATA_BACKGROUND Table data background
   TABLE_HEADER_BACKGROUND Table header background
   TABLE_SELECTED_COLUMN_HEADER_BACKGROUND Sorted table column accent background
   TABLE_DATA_ODD_BACKGROUND Table data background (odd row)
   TABLE_DATA_EVEN_BACKGROUND Table data background (even row)
   TABLE_DATA_ODD_SELECTED_BACKGROUND Table data background (odd row, selected column)
   TABLE_DATA_EVEN_SELECTED_BACKGROUND Table data background (even row, selected column)
   TABLE_DATA_MIX_BACKGROUND Table data background (mix between even and odd)
 
   TABLE_BORDER Table border, sup (light neutral tone)
   LINK_TEXT_NORMAL_TABLE_HEADER Table header link text
   LINK_TEXT_NORMAL_BORDER_TABLE_HEADER Table header link border
   LINK_TEXT_SORTED_TABLE_HEADER Sorted table header link text
   LINK_TEXT_HOVER_TABLE_HEADER Table header link hover text
   LINK_BORDER_TABLE_SELECTED_COLUMN_HEADER Link border in selected column header
 
   Forms 
  INPUT_FIELD_BORDERS Input field borders
   FORM_INPUT_BORDER Textarea, input and select (darker gray)
   FORM_BORDER Form (same as twikiTable border)
   ACTIVE_FORM_BACKGROUND Edit form, form steps
   FORMFIELD_ACTIVE Active form field
   FORM_HEADER_TEXT Header text on form background
 
 
 


 Logical groupings 
 Text 
 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
 
 GRAYED_TEXT_COLOR 
 
 Set GRAYED_TEXT_COLOR = #777
 
 GENERAL_TEXT General text (if not set in MAIN_BACKGROUND_COLOR) (black) 
 
 Set GENERAL_TEXT = #000
 
 HEADER_TEXT Header text 
 
 Set HEADER_TEXT = #630000
 
 CODE_TEXT Code text, left bar text and links 
 
 Set CODE_TEXT = #7A4707
 
 MUTED_TEXT Muted text (dark gray) 
 
 Set MUTED_TEXT = #777
 
 GRAYED_OUT_TEXT Grayed out text 
 
 Set GRAYED_OUT_TEXT = #777
 

 Links 
 LINK_TEXT_NORMAL Link normal text 
 
 Set LINK_TEXT_NORMAL = #4571d0
 
 LINK_BACKGROUND_NORMAL Link normal background 
 
 Set LINK_BACKGROUND_NORMAL =
 
 LINK_TEXT_NORMAL_VISITED Link normal text visited 
 
 Set LINK_TEXT_NORMAL_VISITED = #666
 
 LINK_TEXT_ACTION_BUTTON Link text red (same as LINK_BACKGROUND_HOVER) 
 
 Set LINK_TEXT_ACTION_BUTTON = #be000a
 
 LINK_TEXT_HOVER Link hover text 
 
 Set LINK_TEXT_HOVER = #fff
 
 LINK_BACKGROUND_HOVER Link background hover 
 
 Set LINK_BACKGROUND_HOVER = #ce000f
 
 SIDE_BAR_LINK_TEXT Side bar link text 
 
 Set SIDE_BAR_LINK_TEXT = #444
 

 Disabled 
 DISABLED_BORDER Disabled border 
 
 Set DISABLED_BORDER = #e0e0e0
 
 DISABLED_TEXT Disabled text 
 
 Set DISABLED_TEXT = #aaa
 
 DISABLED_BACKGROUND Disabled background 
 
 Set DISABLED_BACKGROUND = #fafaf8
 
 BUTTON_BORDERS_DISABLED Disabled button borders 
 
 Set BUTTON_BORDERS_DISABLED = #fff #ccc #ccc #fff
 

 '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 = #000
 
 BUTTON_BORDERS Button borders 
 
 Set BUTTON_BORDERS = #fff #888 #888 #fff
 
 BUTTON_BACKGROUND Button background 
 
 Set BUTTON_BACKGROUND = #e2e3e3
 
 BUTTON_CANCEL_BACKGROUND Cancel button background 
 
 Set BUTTON_CANCEL_BACKGROUND = #f2d5d0
 
 SUBMIT_BUTTON_BACKGROUND Submit button background 
 
 Set SUBMIT_BUTTON_BACKGROUND = #06c
 
 SUBMIT_BUTTON_BORDER_TEXT Submit button text color 
 
 Set SUBMIT_BUTTON_BORDER_TEXT = #fff
 
 SELECT_BORDER Select border 
 
 Set SELECT_BORDER = #888
 

 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 = #f6f6f6
 
 NEUTRAL_BACKGROUND 
 
 Set NEUTRAL_BACKGROUND = #fdfaf1
 
 TOP_BAR_BACKGROUND Top bar background 
 
 Set TOP_BAR_BACKGROUND = #fefcf7
 
 ATTACHMENT_AND_FORM_BACKGROUND Attachment, form 
 
 Set ATTACHMENT_AND_FORM_BACKGROUND = #f6f6f6
 
 TOPIC_ACTION_BACKGROUND Topic action row 
 
 Set TOPIC_ACTION_BACKGROUND = #f6f6f6
 
 HEADER_BACKGROUND h2, h3 
 
 Set HEADER_BACKGROUND = #f6f6f6
 
 DIFF_HEADER_BACKGROUND Diff header (dark gray) 
 
 Set DIFF_HEADER_BACKGROUND = #ccc
 
 NOTIFICATION_BACKGROUND Info, broadcast message and notifications 
 
 Set NOTIFICATION_BACKGROUND = #ffe67b
 
 INFO_BACKGROUND 
 
 Set INFO_BACKGROUND = #ffe67b
 

 Border colors 
 NEUTRAL_BORDER Info (light gray) 
 
 Set NEUTRAL_BORDER = #ddd
 
 SEPARATOR_BORDER 
 
 Set SEPARATOR_BORDER = #e2e2e2
 
 MINOR_SEPARATOR_BORDER Header H3..H6 bottom 
 
 Set MINOR_SEPARATOR_BORDER = #e2e2e2
 
 LAYOUT_ELEMENT_BORDER Main layout elements (neutral tone) 
 
 Set LAYOUT_ELEMENT_BORDER = #dadada
 
 IMAGE_BORDER Image border 
 
 Set IMAGE_BORDER = #eee
 
 FORM_STEP_BORDER Form step border 
 
 Set FORM_STEP_BORDER = #e2e2e2
 
 NOTIFICATION_BORDER Broadcast message 
 
 Set NOTIFICATION_BORDER = #ffdf4c
 

 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 = #f0f6fb
 
 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
 
 TABLE_BORDER Table border, sup (light neutral tone) 
 
 Set TABLE_BORDER = #e2e2e2
 
 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
 

 Forms 
 INPUT_FIELD_BORDERS Input field borders 
 
 Set INPUT_FIELD_BORDERS = #bbb #f2f2f2 #f2f2f2 #bbb
 
 FORM_INPUT_BORDER Textarea, input and select (darker gray) 
 
 Set FORM_INPUT_BORDER = #aaa
 
 FORM_BORDER Form (same as twikiTable border) 
 
 Set FORM_BORDER = #cfcfcf
 
 ACTIVE_FORM_BACKGROUND Edit form, form steps 
 
 Set ACTIVE_FORM_BACKGROUND = #fbfbfb
 
 FORMFIELD_ACTIVE Active form field 
 
 Set FORMFIELD_ACTIVE = #ffffe0
 
 FORM_HEADER_TEXT Header text on form background 
 
 Set FORM_HEADER_TEXT = #036
 

<-- END OF COLOR VARIABLES -->

Do not change the text below this line unless you know what you are doing!
-<
<
+%STARTATTACH{"theme-colors.css" web="TWiki" topic="PatternSkin"}%
->
>
+%STARTATTACH{"theme-colors.css" web="TWiki" topic="PatternSkin"}%
 /* PatternSkin colors */
/* Generated by AttachContentPlugin from PatternSkinColorSettings */

/* LAYOUT ELEMENTS */

#patternTopBar {
   border-color:#e2e2e2;
   background-color:#fefcf7;
}
#patternMain { /* don't set a background here; use patternOuter */ }
#patternOuter {
   background-color:#fff; /* Sets background of center col */
   border-color:#dadada;
}
#patternLeftBar,
#patternWrapper {
   background-color:#f6f6f6;
}
#patternBottomBar {
   border-color:#e2e2e2;
}
#patternBottomBarContents,
#patternBottomBarContents a:link,
#patternBottomBarContents a:visited {
   color:#777;
}
#patternBottomBarContents a:hover {
   color:#fff;
}

/* GENERAL HTML ELEMENTS */

html body {
   background-color:#fff;
   color:#000;
}
/* 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:#e2e2e2;
   background-color:#e2e2e2;
}
pre, code, tt {
   color:#7A4707;
}
blockquote {
   background-color:#fbfbfb;
   border-color:#fbfbfb #fbfbfb #fbfbfb #ddd;

}
blockquote h2 {
   background:none;
}
h1, h2, h3, h4, h5, h6 {
   color:#630000;
}
h2 {
   background-color:#f6f6f6;
   border-color:#e2e2e2;
}
h3, h4, h5, h6 {
   border-color:#e2e2e2;
}
/* to override old Render.pm coded font color style */
.twikiNewLink font {
   color:inherit;
}
.twikiNewLink a:link sup,
.twikiNewLink a:visited sup {
   color:#777;
   border-color:#ddd;
}
.twikiNewLink a:hover sup {
   background-color:#ce000f;
   color:#fff;
   border-color:#ce000f;
}
.twikiNewLink {
   border-color:#ddd;
}
:link:focus,
:visited:focus,
:link,
:visited,
:link:active,
:visited:active {
   color:#4571d0;
   background-color:transparent;
}
:link:hover,
:visited:hover {
   color:#fff;
   background-color:#ce000f;
   background-image:none;
}
:link:hover img,
:visited:hover img {
   background-color:transparent;
}
.patternTopic a:visited {
   color:#666;
}
.patternTopic a:hover {
   color:#fff;
}
#patternMainContents h1 a:link, #patternMainContents h1 a:visited,
#patternMainContents h2 a:link, #patternMainContents h2 a:visited,
#patternMainContents h3 a:link, #patternMainContents h3 a:visited,
#patternMainContents h4 a:link, #patternMainContents h4 a:visited,
#patternMainContents h5 a:link, #patternMainContents h5 a:visited,
#patternMainContents h6 a:link, #patternMainContents h6 a:visited {
   color:#630000;
}
#patternMainContents h1 a:hover,
#patternMainContents h2 a:hover,
#patternMainContents h3 a:hover,
#patternMainContents h4 a:hover,
#patternMainContents h5 a:hover,
#patternMainContents h6 a:hover {
   color:#fff;
}
.patternTopic .twikiUnvisited a:visited {
   color:#4571d0;
}
.patternTopic .twikiUnvisited a:hover {
   color:#fff;
}

/* Form elements */

textarea,
input,
select {
   border-color:#aaa;
   color:#000;
   background-color:#fff;
}
.twikiSubmit,
.twikiButton {
   border-color:#fff #888 #888 #fff;
}
.twikiSubmit {
   color:#fff;
   background-color:#06c;
}
.twikiButton {
   color:#000;
   background-color:#e2e3e3;
}
.twikiButtonCancel {
   color:#000;
   background-color:#f2d5d0;
}
.twikiSubmitDisabled,
.twikiSubmitDisabled:active {
   border-color:#fff #ccc #ccc #fff;
   color:#aaa;
   background-color:#fbfbfb;
}
.twikiTextarea,
.twikiInputField,
.twikiInputFieldDisabled,
.twikiInputFieldReadOnly,
.twikiSelect {
   border-color:#bbb #f2f2f2 #f2f2f2 #bbb;
}
.twikiTextarea,
.twikiInputField,
.twikiSelect {
   color:#000;
   background-color:#fff;
}
.twikiInputField:active,
.twikiInputField:focus,
.twikiInputFieldFocus {
   background-color:#ffffe0;
}

.twikiTextareaRawView {
   color:#000;
}
.twikiInputFieldDisabled {
   color:#aaa;
   background-color:#fafaf8;
}
.twikiInputFieldReadOnly {
   color:#777;
}
.twikiSelect {
   border-color:#bbb #f2f2f2 #f2f2f2 #bbb;
   color:#000;
   background-color:#fff;
}
.twikiInputFieldDisabled,
.twikiSelectDisabled {
   color:#aaa;
   border-color:#bbb #f2f2f2 #f2f2f2 #bbb;
   background-color:#fafaf8;
}
.twikiInputFieldBeforeFocus {
   color:#777;
}

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

/* TablePlugin */
.twikiTable,
.twikiTable td,
.twikiTable th {
   border-color:#e2e2e2;
}
.twikiTable th a:link,
.twikiTable th a:visited,
.twikiTable th a font {
   color:#fff;
}

/* TwistyContrib */
.twistyPlaceholder {
   color:#777;
}
a:hover.twistyTrigger {
   color:#fff;
}

/* TipsContrib */
.tipsOfTheDay {
}

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

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

.twikiGrayText {
   color:#777;
}
.twikiGrayText a:link,
.twikiGrayText a:visited {
   color:#777;
}
.twikiGrayText a:hover {
   color:#fff;
}

table.twikiFormTable th.twikiFormTableHRow,
table.twikiFormTable td.twikiFormTableRow {
   color:#777;
}
.twikiEditForm {
   color:#000;
}
.twikiEditForm .twikiFormTable,
.twikiEditForm .twikiFormTable th,
.twikiEditForm .twikiFormTable td {
   border-color:#e2e2e2;
}
/* use a different table background color mix: no odd/even rows, no white background */
.twikiEditForm .twikiFormTable td  {
   background-color:#f7fafc;
}
.twikiEditForm .twikiFormTable th {
   background-color:#f0f6fb;
}
.patternContent .twikiAttachments,
.patternContent .twikiForm {
   background-color:#f6f6f6;
   border-color:#e2e2e2;
}
.twikiAttachments table,
table.twikiFormTable {
   border-color:#e2e2e2;
   background-color:#fff;
}
.twikiAttachments table {
   background-color:#fff;
}
.twikiAttachments td, 
.twikiAttachments th {
   border-color:#e2e2e2;
}
.twikiAttachments .twikiTable th font,
table.twikiFormTable th.twikiFormTableHRow font {
   color:#4571d0;
}

.twikiFormSteps {
   background-color:#fbfbfb;
   border-color:#e2e2e2;
}
.twikiFormStep {
   border-color:#e2e2e2;
}
.twikiFormStep h3,
.twikiFormStep h4 {
   color:#036;
}
.twikiFormStep h3,
.twikiFormStep h4 {
   background-color:transparent;
}
.twikiActionFormStepSign {
   color:#036;
}
.twikiToc .twikiTocTitle {
   color:#777;
}
.twikiBroadcastMessage {
   background-color:#ffe67b;
}
.twikiNotification {
   background-color:#ffe67b;
}
#twikiLogin .patternLoginNotification {
   background-color:#fff;
   border-color:#f00;
}
.twikiHelp {
   background-color:#ffe67b;
}
.twikiHelp {
   background-color:#f6f6f6;
   border-color:#e2e2e2;
}
.twikiBroadcastMessage b,
.twikiBroadcastMessage strong {
   color:#f00;
}
.twikiAlert,
.twikiAlert code {
   color:#f00;
}
.twikiEmulatedLink {
   color:#4571d0;
}
.twikiPageForm table {
   border-color:#e2e2e2;
   background:#fff;
}
.twikiPageForm hr {
   border-color:#cfcfcf;
   background-color:#cfcfcf;
   color:#cfcfcf;
}
.twikiAccessKey {
   color:inherit;
   border-color:#777;
}
a:link .twikiAccessKey,
a:visited .twikiAccessKey {
   color:inherit;
}
a:hover .twikiAccessKey {
   color:inherit;
}
.twikiImage img {
   border-color:#eee;
   background-color:#fff;
}
#patternTopBar .twikiImage img {
   background-color:transparent;
}
.twikiImage a:hover img {
   border-color:#ce000f;
}

/*   -----------------------------------------------------------
   Pattern skin specific elements
   -----------------------------------------------------------   */
#patternPage {
   background-color:#fff;
}
.patternHomePath a:link,
.patternHomePath a:visited {
   border-color:#ddd;
   color:#666;
}
.patternTop a:hover {
   border:none;
   color:#fff;
}
.patternHomePath .patternRevInfo,
.patternHomePath .patternRevInfo a:link,
.patternHomePath .patternRevInfo a:visited {
   color:#777;
}
.patternHomePath .patternRevInfo a:hover {
   color:#fff;
}

/* Left bar */
#patternLeftBarContents {
   color:#000;
}
#patternLeftBarContents hr {
   color:#e2e2e2;
   background-color:#e2e2e2;
}
#patternLeftBarContents a:link,
#patternLeftBarContents a:visited {
   color:#444;
}
#patternLeftBarContents a:hover {
   color:#fff;
}
#patternLeftBarContents .patternLeftBarPersonal,
#patternLeftBarContents .patternWebIndicator {
	border-color:#dadada;
}
#patternLeftBarContents b,
#patternLeftBarContents strong {
	color:#630000;
}

.patternTopicActions {
   border-color:#e2e2e2;
   background-color:#f6f6f6;
   color:#777;
}
.patternTopicAction {
   border-color:#e2e2e2;
}
.patternTopicAction s,
.patternTopicAction strike {
   color:#aaa;
}
.patternTopicAction .twikiSeparator {
   color:#e2e2e2;
}
.patternActionButtons a:link,
.patternActionButtons a:visited {
   color:#be000a;
}
.patternActionButtons a:hover {
   color:#fff;
}
.patternTopicAction .twikiAccessKey {
   color:#be000a;
   border-color:#be000a;
}
.patternTopicAction a:hover .twikiAccessKey {
   color:#fff;
}
.patternTopicAction label {
   color:#000;
}
.patternHelpCol {
   color:#777;
}
.patternSigLine {
   color:#777;
}
.patternToolBar a:link .twikiAccessKey,
.patternToolBar a:visited .twikiAccessKey {
   color:inherit;
   border-color:#666;
}
.patternToolBar a:hover .twikiAccessKey {
   background-color:transparent;
   color:inherit;
   border-color:#666;
}
.patternSaveHelp {
   background-color:#fff;
}

/* WebSearch, WebSearchAdvanced */
table#twikiSearchTable {
   border-color:#e2e2e2;
}
table#twikiSearchTable th,
table#twikiSearchTable td {
   background-color:#fff;
   border-color:#e2e2e2;
}
table#twikiSearchTable hr {
   border-color:#e2e2e2;
   background-color:#e2e2e2;
}
table#twikiSearchTable th {
   color:#000;
}

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

h3.patternSearchResultsHeader,
h4.patternSearchResultsHeader {
   background-color:#f6f6f6;
   border-color:#e2e2e2;
}
h4.patternSearchResultsHeader {
   color:#000;
}
.patternNoViewPage h4.patternSearchResultsHeader {
   color:#630000;
}
.patternSearchResult .twikiBottomRow {
   border-color:#e2e2e2;
}
.patternSearchResult .twikiAlert {
   color:#f00;
}
.patternSearchResult .twikiSummary .twikiAlert {
   color:#900;
}
.patternSearchResult .twikiNew {
   background-color:#ECFADC;
   border-color:#049804;
   color:#049804;
}
.patternViewPage .patternSearchResultsBegin {
   border-color:#e2e2e2;
}

/* Search results in book view format */

.patternBookView .twikiTopRow {
   background-color:transparent; /* set to WEBBGCOLOR in css.pattern.tmpl */
   color:#777;
}
.patternBookView .twikiBottomRow {
   border-color:#e2e2e2;
}
.patternBookView .patternSearchResultCount {
   color:#777;
}

/* edit.pattern.tmpl */

/* preview.pattern.tmpl */

.twikiPreviewArea {
   border-color:#f00;
   background-color:#fff;
}

/* rdiff.pattern.tmpl */

.patternDiff {
   border-color:#6b7f93;
}
#patternMainContents .patternDiff h4.patternSearchResultsHeader {
   background-color:#6b7f93;
   color:#fff;
}
#patternMainContents .patternDiff h4.patternSearchResultsHeader a:link,
#patternMainContents .patternDiff h4.patternSearchResultsHeader a:visited {
   color:#fff;
}
tr.twikiDiffDebug td {
   border-color:#e2e2e2;
}
.patternDiffPage .twikiDiffTable th {
   background-color:#ccc;
}
/* 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:#777;
}
.twikiDiffUnchangedTextContents { }
.twikiDiffLineNumberHeader {
   background-color:#ccc;
}


/* IMAGES */
/* image positions are set here as well as these are dependent on the image */

h2,
.patternTopicAction {
   background-image:url(bg_action_gradient.gif);
   background-repeat:repeat-x;
}
.twikiToc li {
   background-image:url(bullet-toc.gif);
   background-repeat:no-repeat;
   background-position:0 .4em;
}
#patternOuter,
#patternTopBar {
   /* gradient yellow of left bar and main */
   background-image:url(bg_outer_gradient.gif);
   background-repeat:repeat-x;
}
.patternPrintPage #patternOuter {
   background:#fff; /* white - do not change */
}
.twikiPageForm table,
table#twikiSearchTable td.twikiFirstRow {
   background-image:url(form_gradient.gif);
   background-repeat:repeat-x;
   background-color:#f5f5f5;
}
.twikiSubmit,
.twikiSubmitDisabled {
   background-image:url(bg_submit_gradient.gif);
   background-repeat:repeat-x;
}
.twikiSubmit,
a.twikiSubmit:link,
a.twikiSubmit:visited {
   background-position:0px 0px;
   background-color:#06c;
   border-color:#abcdf0 #0048b8 #0048b8 #abcdf0;
   color:#fff;
}
.twikiSubmit:hover,
a.twikiSubmit:hover {
   background-position:0px -80px;
   background-color:#0047b7;
   border-color:#98bce9 #0031a4 #0031a4 #98bce9;
   color:#fff;
}
.twikiSubmit:active,
a.twikiSubmit:active {
   background-position:0px -160px;
   background-color:#73ace6;
   border-color:#0031a4 #98bce9 #98bce9 #0031a4;
   color:#fff;
}
.twikiSubmitDisabled,
.twikiSubmitDisabled:hover,
.twikiSubmitDisabled:active {
   background-position:0px -240px;
   background-color:#d9e8f7;
   border-color:#f5f9fd #ccc #ccc #f5f9fd;
   color:#ccc;
}
.twikiButton,
a.twikiButton:link,
a.twikiButton:visited {
   background-image:url(bg_button_gradient.gif);
   background-repeat:repeat-x;
   background-position:0px 0px;
   border-color:#f8f6ec #b8b6ad #b8b6ad #f8f6ec;
   background-color:#dbd9cf;
   color:#333;
}
.twikiChangeFormButtonHolder .twikiButton {
   background-color:#fff;
   background-image:none;
   color:#06c;
}
.twikiChangeFormButtonHolder .twikiButton:hover,
.twikiChangeFormButtonHolder .twikiButton:active {
   background-image:url(bg_button_gradient.gif);
   background-repeat:repeat-x;
}
.twikiButton:hover,
.twikiChangeFormButtonHolder .twikiButton:hover,
a.twikiButton:hover {
   background-position:0px -80px;
   border-color:#f4f2eb #a3a092 #a3a092 #f4f2eb;
   background-color:#c2bfae;
   color:#222;
}
.twikiButton:active,
.twikiChangeFormButtonHolder .twikiButton:active,
a.twikiButton:active {
   background-position:0px -160px;
   border-color:#a3a092 #f4f2eb #f4f2eb #a3a092;
   background-color:#e8e5d7;
   color:#222;
}
.twikiButtonDisabled,
.twikiButtonDisabled:hover,
.twikiButtonDisabled:active {
   background-image:url(bg_button_gradient.gif);
   background-repeat:repeat-x;
   background-position:0px -240px;
   border-color:#fcfbf9 #e3e2dd #e3e2dd #fcfbf9;
   background-color:#edece6;
   color:#bbb;
}
.twikiButtonCancel {
   background-image:url(bg_buttoncancel_gradient.gif);
   background-repeat:repeat-x;
   background-position:0px 0px;
   border-color:#f3ddd7 #b5706a #b5706a #f3ddd7;
   background-color:#cc867f;
   color:#333;
}
.twikiButtonCancel:hover {
   background-position:0px -80px;
   border-color:#eacac1 #9f564f #9f564f #eacac1;
   background-color:#b26259;
   color:#222;
}
.twikiButtonCancel:active {
   background-position:0px -160px;
   border-color:#9f564f #eacac1 #eacac1 #9f564f;
   background-color:#e5bdb1;
   color:#222;
}
.patternToolBar span a:link,
.patternToolBar span a:visited,
.patternToolBar span s,
.patternToolBar span strike {
   background-image:url(bg_button_small_gradient.gif);
   background-repeat:repeat-x;
}
.patternToolBar span a:link,
.patternToolBar span a:visited {
   background-position:0px 0px;
   border-color:#f8f6ec #b8b6ad #b8b6ad #f8f6ec;
   background-color:#dbd9cf;
   color:#333;
}
.patternToolBar span a:hover {
   background-position:0px -80px;
   border-color:#f4f2eb #a3a092 #a3a092 #f4f2eb;
   background-color:#c2bfae;
   color:#222;
}
.patternToolBar span a:active {
   background-position:0px -160px;
   border-color:#a3a092 #f4f2eb #f4f2eb #a3a092;
   background-color:#e8e5d7;
   color:#222;
}
.patternToolBar span s,
.patternToolBar span strike {
   background-position:0px -240px;
   border-color:#fcfbf9 #e3e2dd #e3e2dd #fcfbf9;
   background-color:#edece6;
   color:#bbb;
}
.patternTextareaButton {
   border-color:#fffefd #b8b6ad #b8b6ad #fffefd;
   overflow:hidden;
}
.patternButtonFontSelector {
   background-image:url(button_font_selector.gif);
   width:33px;
   height:16px;
}
.patternButtonFontSelectorProportional {
   background-position:0 0;
}
.patternButtonFontSelectorMonospace {
   background-position:0 -16px;
}
.patternButtonEnlarge,
.patternButtonShrink {
   background-image:url(button_arrow.gif);
   width:16px;
   height:16px;
}
.patternButtonEnlarge {
   background-position:0 0;
}
.patternButtonEnlarge:hover {
   background-position:0 -42px;
}
.patternButtonEnlarge:active {
   background-position:0 -84px;
}
.patternButtonShrink {
   background-position:16px 0;
}
.patternButtonShrink:hover {
   background-position:16px -42px;
}
.patternButtonShrink:active {
   background-position:16px -84px;
}
.twikiBroadcastMessage,
.twikiNotification {
   background-image:url(background_alert.gif);
   background-repeat:repeat-x;
}

/* common settings */
.patternLeftBarPersonal li,
li.patternLogOut,
li.patternLogIn {
   padding-left:13px;
   background-position:0 .4em;
   background-repeat:no-repeat;
}
.patternLeftBarPersonal li {
   background-image:url(bullet-personal_sidebar.gif);
}
.patternLeftBarPersonal li.patternLogOut {
   background-image:url(bullet-lock.gif);
}
.patternLeftBarPersonal li.patternLogIn {
   background-image:url(bullet-lock.gif);
}
%ENDATTACH%

View topic | History: r6 < r5 < r4 < r3 | More topic actions...

Copyright © 1999-2025 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback
Note: Please contribute updates to this topic on TWiki.org at TWiki:TWiki.PatternSkinColorSettings.