The template (theme) used for this site was based on the original dokuwiki theme and modified in accordance with the guidelines to suit my own preferences.
You can see the template in action on this site; for more detail of the various styles, see Formatting Syntax.
If you're using this theme on your website, why not add a link to the entry for this theme at the main dokuwiki site.
The theme has been updated to make some changes to the style sheet to improve contrast and readability when viewing revision differences. (Thanks to Adrian Wallaschek for reporting that problem).
New version is 1.1 (2008-08-11), and you can download it from the download section below.
I made the following changes to the default template.
Maybe some of my changes will find their way back into the trunk for Dokuwiki.
I'm still not entirely happy with all of the colours. Some things are also proving harder to change. The TOC arrow for instance, is a source of annoyance. The image should really be part of the template, and not the main code.
Updates
The TOC arrow problem has been fixed in the latest release of Dokuwiki (2007-06-26b) that is now also powering this site (I can't shake the feeling though that I overlooked something). The template did not require any updates and until I discover otherwise I'll assume it works entirely with the latest version.
Like the default template for Dokuwiki, I've making my own template available under the GPL license.
I had to modify the notes plugin so that the note elements did not stick out garishly. The changes I made are two-fold. I modified the style.css file to use the replacements tags that I then defined in my templates style.ini file.
The changed Notes plugin style (lib\plugins\note\style.css):
.noteclassic, .noteimportant, .notewarning, .notetip { margin: 2em; margin-left: auto; margin-right: auto; width: 70% !important; min-height: 40px; clear: both; text-align: justify; vertical-align: middle; border-collapse: collapse; padding: 15px 20px 15px 80px; background-position: 20px 50%; background-repeat: no-repeat; -moz-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; } .noteclassic { /*border: 1px solid #99D;*/ background-color: __note_classic__; background-image: url(images/note.png); } .noteimportant { /*border: 1px solid #ff0;*/ background-color: __note_important__; background-image: url(images/important.png); } .notewarning { /*border: 1px solid #d99;*/ background-color: __note_warning__; background-image: url(images/warning.png); } .notetip { /*border: 1px solid #9d9;*/ background-color: __note_tip__; background-image: url(images/tip.png); }
The following entries were added to my own template's style.ini
; Note Plugin Colours __note_classic__ = "#002051" __note_warning__ = "#A00000" __note_important__ = "#7A7A28" __note_tip__ = "#436530"
I've had to disable comments as I was getting too much spam, sorry.