[UPDATE] Style refresh — BBCode and code syntax highlighting

[Pururin]

The board style has had a decent update. All of it is built into the winbox4 style itself — no extensions were installed.

BBCode highlighting while you type

The post editor now colours BBCode as you write it. Tags take one colour, values (like the name in a quote tag) take another, and code blocks are dimmed.

The genuinely useful part is that it marks mistakes. A tag you forgot to close, or a closing tag that never opened, gets underlined in red while you type — so you find out before you hit Submit, instead of after one stray quote tag has swallowed half your reply.

Syntax highlighting for code

phpBB has always let you declare a language on a code tag. It just never did anything with it. Now it does — add the language after the tag name:

Code: Select all

[code=bash]
[code=php]
[code=json]
[code=sql]
[code=yaml]

Do that and the editor highlights it properly as you type. Here is one rendered:

Code: Select all

#!/bin/bash
# back up the styles folder
set -euo pipefail
SRC="/var/www/forum/styles"
DEST="/backup/styles-$(date +%F).tar.gz"

if [ -d "$SRC" ]; then
    tar -czf "$DEST" "$SRC"
    echo "wrote $DEST"
fi

A plain code tag with no language still behaves exactly as before. In posted messages, code is only coloured when the language is recognised with some confidence — a list of router logins or IP ranges stays plain text on purpose. Colouring a password list as though it were source code helps nobody.

Logo and favicon

The Pururin wordmark is now a pair of proper SVG files instead of being buried inside a template, so it can be swapped without editing any code, and there is a separate version for light and dark. It still wobbles if you hover it.

There is also a favicon at last, so the tab shows something other than a blank page icon.

Light and dark

Still on the toggle in the navigation bar, and it follows your system setting until you pick one yourself.

Anything broken, post it in Helpdesk & Feedback as usual.