Version 20 (modified by Matoba Akihiro, 4 years ago) (diff)


Add context-aware css attribute


  1. Wiki Link Decoration by age of wiki page ... add "new" css-class to link to wiki page that is young. You can specify ages at trac.ini.
  2. Decayed Wiki ... Indicate how old the wiki page is. You can specify colors by age in seconds at trac.ini.
  3. Ticket Link Decoration by field value ... Set css-class to link to tickets by field value. You can specify field names at trac.ini.
    1. you can decorate over intertrac links, with XmlRpcPlugin and corsEnabler.
  4. Ticket color by Type ... Set css-class to type on ticket. You can design for each type of ticket with trac:wiki:CookBook/SiteStyleCss feature.
  5. marked for validation ... set css-class to field specified by validator.

If you want to edit the css on browser, use WikiCssPlugin or ThemeEnginePlugin.
If you want to modify decoration link to new page. edit site.html and site.css.

Bugs/Feature Requests

Existing bugs and feature requests for ContextChromePlugin are here.

If you have any issues, create a new ticket.


Download the zipped source from [download:contextchromeplugin here].


You can check out ContextChromePlugin from here using Subversion, or browse the source with Trac.


example trac.ini:

contextchrome.linkdeco.internalstylesheet = enabled
contextchrome.linkdeco.ticketlinkdecorator = enabled
contextchrome.linkdeco.wikilinknewdecolator = enabled = enabled = enabled

wiki age to dacorate or not

example trac.ini:

wiki_new_info_second = 432000

Decayed Wiki

example trac.ini:

decay_colors = 86400:#ffffff, 604800:#eeeeee, 2678400:#dddddd, 31536000:#aaaaaa, 2147483647: #777777

background of wiki pages are colored by age, white for modified in a day, light grey for in a week, and so on.

Ticket link decoration by field value

example trac.ini:

decorate_fields = owner, milestone, type

example style.css:

a.type_is_defect      { background-color: #f5deb3; /* wheat */    }
a.type_is_enhancement { background-color: #87ceeb; /* sky blue */ }
a.type_is_task        { background-color: #ffd700; /* gold */     }
a.owner_is_somebody   { border: maroon thin solid;                }

To decorate over intertrac links, use XmlRpcPlugin and CrossOriginResourceSharingEnabler as follows:

Tikcet color by Type

example style.css:

body.type_is_defect      { background-color: #f5deb3; /* wheat */    }
body.type_is_enhancement { background-color: #87ceeb; /* sky blue */ }
body.type_is_task        { background-color: #ffd700; /* gold */     }

Marked for validation

enable required TracTicketValidatorPlugin and following example trac.ini:

validates = keywords, vote
keywords.rule = .+
vote.rule = .+

Recent Changes

13414 by matobaa on 2013-10-15 11:43:24
ContextChromePlugin: fix a bug for new ticket page added on [13404].
13413 by matobaa on 2013-10-12 01:55:09
ContextChromePlugin: fix a bug for CORS - Cross Origin Resource Sharing
refs #6827
13405 by matobaa on 2013-10-04 23:15:36
ContextChromePlugin.TypeClassToTicket: Support for TagsPlugin.


Author: matobaa
Maintainer: matobaa

Attachments (5)

Download all attachments as: .zip