Version 16 (modified by Matoba Akihiro, 6 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.
  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;                }

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

example trac.ini:

validates = keywords, cc
keywords.rule = .+
cc.rule = .+

Recent Changes

16959 by matobaa on 2017-11-06 03:17:17
Fixes #13317; a bug of TracLinksPlugin, by ContextChromePlugin
16944 by matobaa on 2017-11-01 11:36:15
fix some bug for r16928
16928 by matobaa on 2017-10-28 21:30:29
add new UserStyle feature


Author: matobaa
Maintainer: matobaa

Attachments (5)

Download all attachments as: .zip