We can use a simple jquery code to look for the prefix and add some style to it.
Here is an example of a colored topic prefix on my test board. In overall_footer.html below:
{$SCRIPTS}
Add:
Code: Select all
<script>
$('#wrap-body > div > div:nth-child(3) > div > ul.topiclist.topics > li:nth-child(1) > dl > dt > div > a.topictitle, #subhead-title > h2 > a').each(function() {
var text = $(this).text();
$(this).html(text.replace('[Important]', '<strong><span class="accordion">[Important]</span></strong>'));
});
</script>
Code: Select all
.accordion {
background-color: #2daae9;
padding: 0px 3px 0px 3px;
border-radius: 4px;
border: 1px solid #6cf;
color: #FFF;
font-weight: 600;
}